@leavepulse/ui 0.77.2 → 0.78.0

package/dist/components/LpPopover.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPopover-DmZ3wUtP.js";
+import { _ as _sfc_main } from "../chunks/LpPopover-BQSuxtai.js";
 export {
   _sfc_main as default
 };

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

@@ -110,8 +110,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     /** How long the fill takes, in ms. The counter in a ring matches it. */
     duration?: number;
 }> & Readonly<{}>, {
-    duration: number;
     size: number;
+    duration: number;
     max: number;
     value: number;
     variant: "bar" | "ring";

package/dist/components/LpProgress.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpProgress-Yr6ONG5t.js";
+import { _ as _sfc_main } from "../chunks/LpProgress-D_MSjowb.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpQuota.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpQuota-Dk2MyI2Z.js";
+import { _ as _sfc_main } from "../chunks/LpQuota-CgWPgdVt.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRadioGroup.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRadioGroup-ggaPL92T.js";
+import { _ as _sfc_main } from "../chunks/LpRadioGroup-BrazjLY_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRangeCalendar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRangeCalendar-CYYUYqJ7.js";
+import { _ as _sfc_main } from "../chunks/LpRangeCalendar-BrqlGZzE.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRangeSlider.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRangeSlider-CM-0ZITZ.js";
+import { _ as _sfc_main } from "../chunks/LpRangeSlider-fz61tzc-.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRelativeTime.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRelativeTime-DwgCb5-8.js";
+import { _ as _sfc_main } from "../chunks/LpRelativeTime-BovUk8MP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRepeater.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRepeater-D7ZmnIYd.js";
+import { _ as _sfc_main } from "../chunks/LpRepeater-BkJHSPI1.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpRevealOnScroll.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpRevealOnScroll-DcQjexLy.js";
+import { _ as _sfc_main } from "../chunks/LpRevealOnScroll-CPwyiQAr.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpScramble.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScramble-Bn9OoOtC.js";
+import { _ as _sfc_main } from "../chunks/LpScramble-DsE77iVp.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-MyEnVB_5.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-ay4Xo_hg.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSecretField.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSecretField-BbmqM9ye.js";
+import { _ as _sfc_main } from "../chunks/LpSecretField-DBvU6iAw.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSection.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSection-DFK_uoJE.js";
+import { _ as _sfc_main } from "../chunks/LpSection-BfteipxU.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSegmented.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSegmented-CeACsMMA.js";
+import { _ as _sfc_main } from "../chunks/LpSegmented-DbEJhbv-.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSelect.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSelect-Cxq4yBGd.js";
+import { _ as _sfc_main } from "../chunks/LpSelect-Y-iuSymW.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShaderBackdrop.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpShaderBackdrop-Bote0iuy.js";
+import { _ as _sfc_main } from "../chunks/LpShaderBackdrop-wQygYb5h.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShift.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpShift-CCq7dofl.js";
+import { _ as _sfc_main } from "../chunks/LpShift-DAgS_d2x.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode, createVNode } from "vue";
 import LpKeys from "./LpKeys.vue.js";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-CoGhLTyH.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-DrtQ_1A2.js";
 import { mergeShortcutGroups, activeShortcuts, useHotkeys } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";

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

@@ -96,7 +96,7 @@ type __VLS_Props = {
     persist?: string;
     /**
      * Fold collapsible groups automatically once the nav has more than this
-     * many rows, counting headings and items alike.
+     * many rows, counting headings, items and the pages under them alike.
      *
      * The reason is the reader, not the pixels: a short nav is taken in at a
      * glance, a long one has to be searched, and searching a list you did not

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/components/LpSidebarRow.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarRow-BRYhNDSo.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarRow-eRP4Q31q.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSlider.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSlider-DxYoCJJO.js";
+import { _ as _sfc_main } from "../chunks/LpSlider-A4ixovgS.js";
 export {
   _sfc_main as default
 };

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

@@ -51,10 +51,10 @@ type __VLS_Props = {
     labels?: Partial<Record<"empty" | "up" | "down" | "flat" | "latest" | "loading", string>>;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    animate: boolean;
     duration: number;
     width: number;
     height: number;
-    animate: boolean;
     smooth: number;
     tone: ToneName;
     sample: boolean;

package/dist/components/LpSpotlight.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSpotlight-4F3NeUMY.js";
+import { _ as _sfc_main } from "../chunks/LpSpotlight-DwxkhFgR.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStat.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStat-f2LfDCJ4.js";
+import { _ as _sfc_main } from "../chunks/LpStat-pMNZgFcq.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStatus.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStatus-DglxttQ7.js";
+import { _ as _sfc_main } from "../chunks/LpStatus-DGJFwk5F.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepMark.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpStepMark-DpzKVyh8.js";
+import { _ as _sfc_main } from "../chunks/LpStepMark-Dw2MRTrt.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpStepper.vue.js

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

package/dist/components/LpSwap.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwap-C96c0LWh.js";
+import { _ as _sfc_main } from "../chunks/LpSwap-M7nFeW3C.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSwitch.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSwitch-BnXd1llc.js";
+import { _ as _sfc_main } from "../chunks/LpSwitch-DnC2-0aV.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTabFace.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTabFace-DPCwKkH2.js";
+import { _ as _sfc_main } from "../chunks/LpTabFace-DQoV8mQG.js";
 export {
   _sfc_main as default
 };

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

@@ -1,3 +1,4 @@
+import { type ColumnPin, type ColumnPreset } from "./tableFeatures";
 import { type CsvOptions } from "./exportData";
 import { type TableFilters } from "./tableFilter";
 import { type TableRowMenuResult } from "./tableRowMenu";
@@ -57,6 +58,39 @@ export interface TableColumn<Row> {
      * user's own show/hide applies as usual.
      */
     hideBelow?: number;
+    /** Stick to this edge while the table scrolls sideways. Pinned columns move to that edge. */
+    pin?: ColumnPin;
+    /** Bounds in px for `resizableColumns`. */
+    minWidth?: number;
+    maxWidth?: number;
+    /** Set false to keep this column out of `resizableColumns`. */
+    resizable?: boolean;
+    /**
+     * The cell edits in place (LpEditable), and a save emits `cellEdit`. A cell
+     * slot for the column wins: it draws the cell itself. Values are edited as
+     * text; `parseEdit` turns the text back into the value the row holds.
+     */
+    editable?: boolean | ((row: Row) => boolean);
+    /** A message rejects the text and keeps the cell open. */
+    validateEdit?: (value: string, row: Row) => string | true | void;
+    parseEdit?: (value: string, row: Row) => unknown;
+}
+/** A saved inline edit. The table holds no rows of its own to change: apply it to yours. */
+export interface TableCellEdit<Row> {
+    row: Row;
+    key: string;
+    value: unknown;
+    previous: unknown;
+}
+/**
+ * "Everything this query matches, except these": what a bulk action sends to
+ * the server, in place of ids the client never loaded. See `selectionToken`.
+ */
+export interface TableSelectionToken {
+    sorts: SortState[];
+    hidden: Record<string, unknown[]>;
+    excluded: (string | number)[];
+    total: number;
 }
 export interface TableLabels {
     [key: string]: string;
@@ -93,6 +127,13 @@ export interface TableLabels {
     pageSelected: string;
     selectAllMatching: string;
     allMatchingSelected: string;
+    columnPresets: string;
+    resizeColumn: string;
+    expandRow: string;
+    collapseRow: string;
+    groupCount: string;
+    expandGroup: string;
+    collapseGroup: string;
 }
 export interface TableExportOptions extends CsvOptions {
     /**
@@ -118,6 +159,8 @@ export interface TableQuery {
     page: number;
     pageSize: number;
     sort: SortState | null;
+    /** Every sort key in order, with `multiSort`. `sort` is the first of them. */
+    sorts?: SortState[];
     hidden: Record<string, unknown[]>;
 }
 /**
@@ -242,14 +285,83 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
          * 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.
+         *
+         * It holds only while every loaded row is ticked: a new page, sort or
+         * filter brings unticked rows and clears it, so a bulk action never runs
+         * on a set the user can no longer see.
          */
         allMatching?: boolean;
+        /**
+         * Keep "select all N" across pages and sorts, and let the user untick rows
+         * out of it: the selection is then the query and its exceptions, emitted
+         * as `update:selectionToken` for a bulk action to send, with no need for
+         * ids the client never loaded. `selected` stays the loaded keys. A change
+         * of filter means a different set of rows, so it clears the selection.
+         */
+        selectionToken?: boolean;
+        /** Sort by several columns: Shift-click adds a column (v-model:sorts). */
+        multiSort?: boolean;
+        /** Sort keys in order (v-model:sorts), with `multiSort`. Left unset the table keeps them. */
+        sorts?: SortState[];
+        /**
+         * Drag a column's edge, or focus it and use the arrows, to set its width;
+         * double-click clears it. Sets a fixed table layout once a width is set.
+         */
+        resizableColumns?: boolean;
+        /** Widths in px by column key (v-model:columnWidths). */
+        columnWidths?: Record<string, number>;
+        /** Named sets of columns, offered in the table's menu. */
+        columnPresets?: readonly ColumnPreset[];
+        /** The chosen preset's id (v-model:columnPreset). */
+        columnPreset?: string | null;
+        /**
+         * Group rows under a heading: a column key or a function. Client side, so
+         * with `load` it groups the loaded page. Groups follow the row order, so
+         * sort by the same column to keep them put.
+         */
+        groupBy?: string | ((row: T) => unknown);
+        groupLabel?: (value: unknown, rows: T[]) => string;
+        /** Collapsed group ids, `String(value)` (v-model:collapsedGroups). */
+        collapsedGroups?: string[];
+        /**
+         * Rows open a panel beneath them, drawn by the `expanded` slot. A function
+         * says which rows can. Ignored with `virtualRowHeight`.
+         */
+        expandable?: boolean | ((row: T) => boolean);
+        /** Open row keys (v-model:expanded). */
+        expanded?: (string | number)[];
+        /**
+         * Draw only the rows in view, for thousands of them, at this height in px.
+         * Give the table a `max-height`, or a limited parent: with room for every
+         * row, every row is in view and all of them are drawn.
+         *
+         * The price of drawing a window:
+         * - Every row, group heading included, must be exactly this tall: keep cells
+         *   on one line (`nowrap`). A taller row drifts the scroll position.
+         * - Row enter, leave and move animations are off.
+         * - `expandable` is ignored: a panel has no fixed height.
+         * - Arrow keys and typeahead reach the rows drawn, not the whole list.
+         * - Sweeping ticks reaches the rows drawn; Ctrl+A and the header tick do
+         *   cover all of them.
+         * - Find in page sees the rows drawn.
+         * `stickyHeader`, pins and the row menu work as usual.
+         */
+        virtualRowHeight?: number;
+        /** Rows drawn beyond each edge of the view. */
+        virtualOverscan?: number;
     } & {
         "onUpdate:selected"?: ((value: (string | number)[]) => any) | undefined;
+        "onUpdate:expanded"?: ((value: (string | number)[]) => any) | undefined;
         onResetFilters?: (() => any) | undefined;
         "onUpdate:sort"?: ((value: SortState | null) => any) | undefined;
         "onUpdate:filters"?: ((value: TableFilters) => any) | undefined;
         "onUpdate:allMatching"?: ((value: boolean) => any) | undefined;
+        "onUpdate:selectionToken"?: ((value: TableSelectionToken | null) => any) | undefined;
+        "onUpdate:sorts"?: ((value: SortState[]) => any) | undefined;
+        "onUpdate:columnWidths"?: ((value: Record<string, number>) => any) | undefined;
+        "onUpdate:columnPreset"?: ((value: string | null) => any) | undefined;
+        "onUpdate:collapsedGroups"?: ((value: string[]) => any) | undefined;
+        onCellEdit?: ((edit: TableCellEdit<T>) => any) | undefined;
         onRowClick?: ((row: T) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -271,6 +383,19 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
             allMatching: boolean;
             clear: () => void;
         }) => any;
+    } & {
+        group?: (props: {
+            value: unknown;
+            rows: T[];
+            label: string;
+            collapsed: boolean;
+            toggle: () => void;
+        }) => any;
+    } & {
+        expanded?: (props: {
+            row: T;
+            close: () => void;
+        }) => any;
     };
     emit: {
         (e: "update:selected", value: (string | number)[]): void;
@@ -278,6 +403,13 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         (e: "update:filters", value: TableFilters): void;
         (e: "resetFilters"): void;
         (e: "update:allMatching", value: boolean): void;
+        (e: "update:selectionToken", value: TableSelectionToken | null): void;
+        (e: "update:sorts", value: SortState[]): void;
+        (e: "update:columnWidths", value: Record<string, number>): void;
+        (e: "update:columnPreset", value: string | null): void;
+        (e: "update:collapsedGroups", value: string[]): void;
+        (e: "update:expanded", value: (string | number)[]): void;
+        (e: "cellEdit", edit: TableCellEdit<T>): void;
         (e: "rowClick", row: T): void;
     };
 }>) => import("vue").VNode & {