@leavepulse/ui 0.44.0 → 0.45.0

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,9 +1,14 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-DPwGKBPv.js";
-import { useAppleKeyboard, mergeShortcutGroups, activeShortcuts, appleModifierLabel } from "../composables/useHotkeys.js";
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode } from "vue";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-DMMDQHAu.js";
+import { useAppleKeyboard, mergeShortcutGroups, activeShortcuts, useHotkeys, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpShortcutsDialog-ChUyU7oV.css';const _hoisted_1 = { class: "shortcut-groups" };
+import '../assets/LpShortcutsDialog-CqYX3yy6.css';const _hoisted_1 = { class: "shortcut-groups" };
+const _hoisted_2 = ["aria-label", "title"];
+const _hoisted_3 = {
+  key: 0,
+  class: "shortcut-then"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpShortcutsDialog",
   props: {
@@ -12,18 +17,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     live: { type: Boolean, default: false },
     title: { default: void 0 },
     description: {},
-    glass: { type: Boolean, default: void 0 }
+    glass: { type: Boolean, default: void 0 },
+    hotkey: {}
   },
   emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const text = useLabels("shortcuts", { title: "Keyboard shortcuts" });
+    const text = useLabels("shortcuts", {
+      title: "Keyboard shortcuts",
+      then: "then",
+      conflict: "Also bound elsewhere: only one of them runs",
+      group: "General"
+    });
     const apple = useAppleKeyboard();
-    function keysOf(combo) {
-      return combo.split(/\+(?!$)/);
+    function keysOf(chord) {
+      return chord.split(/\+(?!$)/);
+    }
+    function stepsOf(combo) {
+      return combo.trim().split(/\s+/);
     }
     const shown = computed(() => props.live ? mergeShortcutGroups(props.groups, activeShortcuts.value) : props.groups);
     const emit = __emit;
+    useHotkeys(
+      () => props.hotkey ? [
+        {
+          key: props.hotkey,
+          allowInInput: true,
+          overLayers: true,
+          repeat: false,
+          help: { group: text.value.group, label: props.title ?? text.value.title },
+          handler: () => emit("update:open", !props.open)
+        }
+      ] : []
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         glass: props.glass,
@@ -47,12 +73,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: entry.combo,
                       class: "shortcut-row"
                     }, [
-                      createElementVNode("dt", null, toDisplayString(entry.label), 1),
+                      createElementVNode("dt", null, [
+                        createTextVNode(toDisplayString(entry.label) + " ", 1),
+                        entry.conflict ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: "shortcut-conflict",
+                          role: "img",
+                          "aria-label": unref(text).conflict,
+                          title: unref(text).conflict
+                        }, "!", 8, _hoisted_2)) : createCommentVNode("", true)
+                      ]),
                       createElementVNode("dd", null, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(keysOf(entry.combo), (key, index) => {
-                          return openBlock(), createElementBlock("kbd", {
-                            key: `${key}-${index}`
-                          }, toDisplayString(unref(appleModifierLabel)(key.trim(), unref(apple))), 1);
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(stepsOf(entry.combo), (step, stepIndex) => {
+                          return openBlock(), createElementBlock(Fragment, {
+                            key: `${step}-${stepIndex}`
+                          }, [
+                            stepIndex ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(text).then), 1)) : createCommentVNode("", true),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(keysOf(step), (key, index) => {
+                              return openBlock(), createElementBlock("kbd", {
+                                key: `${key}-${index}`
+                              }, toDisplayString(unref(appleModifierLabel)(key.trim(), unref(apple))), 1);
+                            }), 128))
+                          ], 64);
                         }), 128))
                       ])
                     ]);
@@ -67,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7784bfc"]]);
+const LpShortcutsDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c4cf3fa"]]);
 export {
   LpShortcutsDialog as default
 };

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-BgwUNWpJ.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-CQNB0-yU.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-Bqxz8aWT.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-kx-LdqNU.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStat.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStat-dXtyrdX9.js";
+import { _ as _sfc_main } from "../chunks/LpStat-B-7udBRP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepper.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStepper-Bk-XaQYU.js";
+import { _ as _sfc_main } from "../chunks/LpStepper-C7XiVKZj.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwitch.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwitch-B1aLKulj.js";
+import { _ as _sfc_main } from "../chunks/LpSwitch-OrcOJX9m.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.d.ts

@@ -1,9 +1,16 @@
 import { type ContextMenuItemDef } from "./LpContextMenu.vue";
+import { type CsvOptions } from "./exportData";
 export interface TableColumn<Row> {
     key: string;
     label: string;
     align?: "left" | "right" | "center";
     width?: string;
+    /**
+     * Keep the cell on one line. For ids, codes, dates and amounts, which a
+     * narrow screen otherwise breaks at a hyphen or a space ("ORD-" / "1040");
+     * the table scrolls sideways instead.
+     */
+    nowrap?: boolean;
     /** Allow clicking the header to sort by this column. */
     sortable?: boolean;
     /** The value this column sorts by, when the cell holds something else. */
@@ -22,6 +29,8 @@ export interface TableColumn<Row> {
      * vocabulary; the menu should say what the column itself says.
      */
     valueLabel?: (value: unknown) => string;
+    /** The value a CSV export writes for this column; the raw cell by default. */
+    exportValue?: (row: Row) => unknown;
     /** Keep this column out of the show/hide list — an actions column has no
      *  name to offer and nothing to gain from being hidden. */
     alwaysVisible?: boolean;
@@ -37,6 +46,41 @@ export interface TableLabels {
     filter: string;
     showAll: string;
     columns: string;
+    exportCsv: string;
+    selectAll: string;
+    shortcutsGroup: string;
+    filterColumn: string;
+    filterSearch: string;
+    filterAll: string;
+    filterNone: string;
+    filterInvert: string;
+    filterOnly: string;
+    filterOnlyShown: string;
+    filterAddShown: string;
+    filterNoValues: string;
+    filterNothingShown: string;
+    clearFilter: string;
+    clearFilters: string;
+    noMatches: string;
+    resetFilters: string;
+    rowCount: string;
+    rowsTotal: string;
+    selectedCount: string;
+    clearSelection: string;
+    pageSelected: string;
+    selectAllMatching: string;
+    allMatchingSelected: string;
+}
+export interface TableExportOptions extends CsvOptions {
+    /**
+     * Which rows: every row in the current order, the rows the header filters
+     * leave, or the selected ones. With `load` only the loaded page is known.
+     */
+    scope?: "all" | "filtered" | "selected";
+    /** File name without extension. */
+    filename?: string;
+    /** Return the CSV without offering a download. */
+    download?: boolean;
 }
 export interface SortState {
     key: string;
@@ -91,8 +135,15 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         rowKey?: keyof T | ((row: T) => string | number);
         emptyLabel?: string;
         emptyIcon?: string;
-        /** Render a leading checkbox column; selection binds via v-model:selected. */
-        selectable?: boolean;
+        /**
+         * Rows can be selected (v-model:selected). `true` shows a tick column,
+         * where pressing a tick and sweeping ticks the run. `"hold"` keeps the
+         * column out of sight until it is needed: a long press on a row selects it
+         * (and the same press goes on selecting the rows it is dragged across), the
+         * column slides in, and while anything is selected a click on a row toggles
+         * it. Emptying the selection, or Escape, slides the column away again.
+         */
+        selectable?: boolean | "hold";
         /** Selected row keys (v-model:selected). */
         selected?: (string | number)[];
         /** Active sort (v-model:sort). When set, the parent owns ordering (server
@@ -112,17 +163,41 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         filterLabel?: string;
         showAllLabel?: string;
         columnsLabel?: string;
+        /** Offer a CSV download in a toolbar above the table and in its menu. */
+        exportable?: boolean;
+        /** File name for that download, without extension. */
+        exportFilename?: string;
         /** All of the wording above in one object, and the config-level scope "table". */
         labels?: Partial<TableLabels>;
+        /** Row height: `compact` for dense data, `comfortable` (default) otherwise. */
+        density?: "comfortable" | "compact";
+        /**
+         * Always show the bar above the table with the row count. It shows on its
+         * own while filters are active or rows are selected.
+         */
+        summary?: boolean;
+        /**
+         * Remember sort, value filters and hidden columns across visits under this
+         * key (localStorage). Only plain filter values (text, numbers) are kept.
+         */
+        persist?: string;
+        /**
+         * With `load`: the user chose "select all N" beyond the loaded page
+         * (v-model:allMatching). The keys in `selected` are then only the loaded
+         * ones; acting on everything that matches is the consumer's to do.
+         */
+        allMatching?: boolean;
     } & {
         "onUpdate:selected"?: ((value: (string | number)[]) => any) | undefined;
         "onUpdate:sort"?: ((value: SortState | null) => any) | undefined;
+        "onUpdate:allMatching"?: ((value: boolean) => any) | undefined;
         onRowClick?: ((row: T) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         reload: () => void;
+        exportCsv: (options?: TableExportOptions) => string;
     }>) => void;
     attrs: any;
     slots: {
@@ -130,10 +205,17 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
             row: T;
             value: unknown;
         }) => any) | undefined;
+    } & {
+        bulk?: (props: {
+            selected: (string | number)[];
+            allMatching: boolean;
+            clear: () => void;
+        }) => any;
     };
     emit: {
         (e: "update:selected", value: (string | number)[]): void;
         (e: "update:sort", value: SortState | null): void;
+        (e: "update:allMatching", value: boolean): void;
         (e: "rowClick", row: T): void;
     };
 }>) => import("vue").VNode & {