@septkit/ui 0.0.61 → 0.0.63

package/dist/external/.pnpm/{@dialecte_scl@0.3.17 → @dialecte_scl@0.4.1}/node_modules/@dialecte/scl/dist/v2019C1/index.js

@@ -1,6 +1,6 @@
-import "../../../../../../@dialecte_core@0.4.16/node_modules/@dialecte/core/dist/index.js";
-import { i as e } from "../hooks-BBGXNK0x.js";
-//#region node_modules/.pnpm/@dialecte+scl@0.3.17/node_modules/@dialecte/scl/dist/v2019C1/index.js
+import "../../../../../../@dialecte_core@0.5.1/node_modules/@dialecte/core/dist/index.js";
+import { i as e } from "../hooks-CZTZsrpD.js";
+//#region node_modules/.pnpm/@dialecte+scl@0.4.1/node_modules/@dialecte/scl/dist/v2019C1/index.js
 var t = {
 	"cross-type-template-uuid": {
 		title: "Placeholder templateUuid reused across element types",

package/dist/external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/arrow-up-down.js

@@ -0,0 +1,22 @@
+import e from "../createLucideIcon.js";
+//#region node_modules/.pnpm/@lucide+vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/arrow-up-down.mjs
+var t = [
+	["path", {
+		d: "m21 16-4 4-4-4",
+		key: "f6ql7i"
+	}],
+	["path", {
+		d: "M17 20V4",
+		key: "1ejh1v"
+	}],
+	["path", {
+		d: "m3 8 4-4 4 4",
+		key: "11wl7u"
+	}],
+	["path", {
+		d: "M7 4v16",
+		key: "1glfcx"
+	}]
+], n = e("arrow-up-down", t);
+//#endregion
+export { t as __iconNode, n as default };

package/dist/external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/funnel.js

@@ -0,0 +1,8 @@
+import e from "../createLucideIcon.js";
+//#region node_modules/.pnpm/@lucide+vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/funnel.mjs
+var t = [["path", {
+	d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
+	key: "sc7q7i"
+}]], n = e("funnel", t);
+//#endregion
+export { t as __iconNode, n as default };

package/dist/index.d.ts

@@ -85,19 +85,19 @@ expanded: ExplorerExpandedState;
 ariaLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_6: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
+declare const __VLS_component_6: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {
 direction: "horizontal" | "vertical";
 defaultSize: number;
 maxSize: number;
 minSize: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_7: DefineComponent<__VLS_Props_19, {
+declare const __VLS_component_7: DefineComponent<__VLS_Props_20, {
 focus: () => void | undefined;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 toggle: (groupId: string) => any;
 keydown: (event: KeyboardEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{
 onToggle?: ((groupId: string) => any) | undefined;
 onKeydown?: ((event: KeyboardEvent) => any) | undefined;
 }>, {
@@ -166,13 +166,18 @@ declare type __VLS_Props_15 = {
 };
 
 declare type __VLS_Props_16 = {
+    columnId: string;
+    title: string;
+};
+
+declare type __VLS_Props_17 = {
     x: number;
     y: number;
     visible: boolean;
     items: ContextMenuItem[];
 };
 
-declare type __VLS_Props_17 = {
+declare type __VLS_Props_18 = {
     /** Unique key: drives the splitter group's auto-save-id and both panel ids. */
     persistenceKey: string;
     showSidebar: boolean;
@@ -185,7 +190,7 @@ declare type __VLS_Props_17 = {
     maxSize?: number;
 };
 
-declare type __VLS_Props_18 = {
+declare type __VLS_Props_19 = {
     nodeId: string;
     tagName: string;
     label: string;
@@ -202,24 +207,6 @@ declare type __VLS_Props_18 = {
     treeMeta?: TreeItemMeta;
 };
 
-declare type __VLS_Props_19 = {
-    groupId: string;
-    tagName: string;
-    label: string;
-    count: number;
-    width: number;
-    collapsedMembersHeight: number;
-    members?: GroupMember[];
-    expanded?: boolean;
-    expandable?: boolean;
-    testId?: string;
-    toggleTestId?: string;
-    /** undefined = consumer does not manage focus; no tabindex is rendered.
-     *  true/false = consumer manages a roving tabindex (tabindex 0 / -1). */
-    tabbable?: boolean;
-    treeMeta?: TreeItemMeta;
-};
-
 declare type __VLS_Props_2 = {
     /** Trigger color */
     color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
@@ -238,6 +225,24 @@ declare type __VLS_Props_2 = {
     id?: string;
 };
 
+declare type __VLS_Props_20 = {
+    groupId: string;
+    tagName: string;
+    label: string;
+    count: number;
+    width: number;
+    collapsedMembersHeight: number;
+    members?: GroupMember[];
+    expanded?: boolean;
+    expandable?: boolean;
+    testId?: string;
+    toggleTestId?: string;
+    /** undefined = consumer does not manage focus; no tabindex is rendered.
+     *  true/false = consumer manages a roving tabindex (tabindex 0 / -1). */
+    tabbable?: boolean;
+    treeMeta?: TreeItemMeta;
+};
+
 declare type __VLS_Props_3 = {
     options: AcceptableValue[];
     displayValue: (item: AcceptableValue) => string;
@@ -553,6 +558,10 @@ export declare type AttributeAffix = {
     suffix?: string;
 };
 
+export declare function buildFlatOptions<T>(rows: readonly T[], getValue: (row: T) => string): FilterOption[];
+
+export declare function buildMultiValueOptions<T>(rows: readonly T[], getValues: (row: T) => string[], emptyLabel: string): FilterOption[];
+
 /**
  * Build the parent→child `RecordWithCache` map and the list of root ids from a
  * flat record set. Pure: `record.parent` is never mutated — root status is
@@ -568,6 +577,8 @@ export declare function buildRecordCache<TRecord extends LayoutTreeRecord>(recor
     orphanIds: string[];
 };
 
+export declare function buildTreeOptions<T>(rows: readonly T[], getPath: (row: T) => string[]): FilterTreeNode[];
+
 export declare const Button: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare const CATEGORY_ELEMENTS: Record<string, string[]>;
@@ -585,9 +596,47 @@ export declare const CodeBlock: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, C
  */
 export declare function collectExpandableNodeIds(items: ExplorerNode[]): string[];
 
+export declare function collectLeafKeys(node: FilterTreeNode | FilterTreeNode[]): Set<string>;
+
+export declare function collectParentKeys(node: FilterTreeNode | FilterTreeNode[]): Set<string>;
+
 /** Collect all currently visible node ids (roots + recursively expanded children). */
 export declare function collectVisibleIds<TRecord extends LayoutTreeRecord>(rootIds: string[], recordMap: RecordMapById<TRecord>): string[];
 
+export declare interface ColumnFilterHeaderModel {
+    isColumnActive(columnId: string): boolean;
+    getVariant(columnId: string): 'tree' | 'flat' | 'value';
+    getSelection(columnId: string): Set<string>;
+    getTreeOptions(columnId: string): FilterTreeNode[];
+    getFlatOptions(columnId: string): FilterOption[];
+    getLanguageOptions(columnId: string): string[];
+    getLanguage(columnId: string): string;
+    setLanguage(columnId: string, language: string): void;
+    expandAllByDefault(columnId: string): boolean;
+    apply(columnId: string, keys: Set<string>): void;
+    reset(columnId: string): void;
+}
+
+export declare interface ColumnFiltersController<TRow, TColId extends string> {
+    selections: Record<TColId, FilterSelection>;
+    anyActive: ComputedRef<boolean>;
+    isColumnActive: (column: TColId) => boolean;
+    apply: (column: TColId, keys: Set<string>) => void;
+    reset: (column: TColId) => void;
+    resetAll: () => void;
+    predicate: (row: TRow) => boolean;
+    getSelection: (column: TColId) => Set<string>;
+    getAllKeys: (column: TColId) => Set<string>;
+}
+
+export declare interface ColumnFilterStrategy<TRow> {
+    keyUniverse: (rows: readonly TRow[]) => Set<string>;
+    openWithAllSelected: boolean;
+    matches: (row: TRow, selection: Set<string> | null) => boolean;
+    isExtraActive?: () => boolean;
+    onReset?: () => void;
+}
+
 export declare const Combobox: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 /**
@@ -608,9 +657,9 @@ export declare type Connection = {
     target: string;
 };
 
-export declare const ContextMenu: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const ContextMenu: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{
 onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -710,18 +759,18 @@ export declare type DiagramLayoutOptions<TRecord extends LayoutTreeRecord, TNode
     toEdge: (context: EdgeMapperContext) => TEdge;
 };
 
-export declare const DiagramNodeCard: DefineComponent<__VLS_Props_18, {
+export declare const DiagramNodeCard: DefineComponent<__VLS_Props_19, {
 focus: () => void | undefined;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 select: (nodeId: string) => any;
 "toggle-expand": (nodeId: string) => any;
-"show-details": (nodeId: string) => any;
 keydown: (event: KeyboardEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{
+"show-details": (nodeId: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{
 onSelect?: ((nodeId: string) => any) | undefined;
 "onToggle-expand"?: ((nodeId: string) => any) | undefined;
-"onShow-details"?: ((nodeId: string) => any) | undefined;
 onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+"onShow-details"?: ((nodeId: string) => any) | undefined;
 }>, {
 height: number;
 compact: boolean;
@@ -908,6 +957,30 @@ export declare type FileMeta = {
     revision: string;
 };
 
+export declare const FilterableColumnHeader: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+funnelRef: HTMLButtonElement;
+popoverWrapperRef: HTMLDivElement;
+}, HTMLDivElement>;
+
+export declare type FilterOption = {
+    key: string;
+    label: string;
+};
+
+export declare type FilterSelection = Set<string> | null;
+
+export declare function filterTree(nodes: FilterTreeNode[], term: string): {
+    nodes: FilterTreeNode[];
+    expandedKeys: Set<string>;
+};
+
+export declare type FilterTreeNode = {
+    key: string;
+    label: string;
+    children: FilterTreeNode[];
+    isTerminal?: boolean;
+};
+
 /**
  * Collapsed members viewport: tall enough to show at least two member cards
  * fully; extra members overflow (scroll) - a partial card at the bottom is fine.
@@ -1011,6 +1084,8 @@ export declare function highlightCode(code: string, options?: {
 
 export declare function isGroupId(id: string): boolean;
 
+export declare const KEY_SEPARATOR = "\0";
+
 export declare type LayoutDirection = 'UP' | 'DOWN' | 'LEFT' | 'RIGHT';
 
 /** A connection between nodes. Arrays mirror ELK's hyperedge model, so a
@@ -1206,6 +1281,8 @@ export declare type NavNode = {
     parentId: string | null;
 };
 
+export declare const NO_VALUE_KEY = "\0no-value";
+
 /** Child-element tally rendered as capsules on a `DiagramNodeCard`. */
 export declare type NodeChildCount = {
     tagName: string;
@@ -1230,9 +1307,13 @@ declare type PropsOf<C extends Component> = C extends new (...args: never[]) =>
     $props: infer P;
 } ? P : Record<string, never>;
 
+export declare function provideColumnFilterHeader(model: ColumnFilterHeaderModel): void;
+
 /** Create (or adopt) a dialog host and provide it to descendants. Call once at the root. */
 export declare function provideDialogHost(host?: DialogController): DialogController;
 
+export declare function provideRowSortHeader(model: RowSortHeaderModel): void;
+
 /**
  * Minimal slice of a `Document` consumed by `useDocumentState`: its live `state`
  * plus `subscribe` (the in-realm reactive signal). Structural so the composable
@@ -1251,8 +1332,23 @@ export declare type RecordWithCache<TRecord extends LayoutTreeRecord = LayoutTre
     visibleChildIds: Set<string>;
 };
 
+export declare interface RowSortController<TRow, TColId extends string> {
+    isSortable: (column: TColId) => boolean;
+    getDirection: (column: TColId) => SortDirection | null;
+    toggle: (column: TColId) => void;
+    apply: (rows: TRow[]) => TRow[];
+}
+
+export declare interface RowSortHeaderModel {
+    isSortable(columnId: string): boolean;
+    getDirection(columnId: string): SortDirection | null;
+    toggle(columnId: string): void;
+}
+
 export declare const SclExplorer: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
+export declare type SortDirection = 'asc' | 'desc';
+
 export declare const SplitLayout: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
 /** Per-node selection payload: what to preview and (if any) the change it carries. */
@@ -1327,6 +1423,22 @@ export declare function useActiveDocument<GenericDocument>(params: {
     stop: () => void;
 };
 
+export declare function useColumnFilterHeaderContext(): ColumnFilterHeaderModel;
+
+/**
+ * Domain-agnostic per-column filter state combined with AND: a row passes only
+ * when it satisfies every active column. `null` selection means the column is
+ * inactive (no narrowing). All row/column specifics live in the per-column
+ * strategies so both tree/flat and option-list columns share one implementation.
+ */
+export declare function useColumnFilters<TRow, TColId extends string>(config: UseColumnFiltersConfig<TRow, TColId>): ColumnFiltersController<TRow, TColId>;
+
+export declare interface UseColumnFiltersConfig<TRow, TColId extends string> {
+    columns: readonly TColId[];
+    rows: Ref<readonly TRow[]>;
+    strategies: Record<TColId, ColumnFilterStrategy<TRow>>;
+}
+
 export declare function useDiagramLayout<TRecord extends LayoutTreeRecord, TNode, TEdge>(options: DiagramLayoutOptions<TRecord, TNode, TEdge>): {
     flowNodes: ShallowRef<TNode[], TNode[]>;
     flowEdges: ShallowRef<TEdge[], TEdge[]>;
@@ -1459,6 +1571,8 @@ export declare function useMergeSession(params: MergeSessionParams): {
     commit: () => Promise<void>;
 };
 
+export declare function useOptionalRowSortContext(): RowSortHeaderModel | undefined;
+
 /**
  * Async data that refetches when anything in the project changes:
  * commits on any document, imports, removals, new documents.
@@ -1477,6 +1591,17 @@ export declare function useProjectLiveData<T>(params: {
     refresh: (delay?: number) => Promise<T | undefined>;
 };
 
+/**
+ * Explicit, user-triggered row sort: rows keep whatever order they already have and
+ * only change when the user clicks a sortable column header. Clicking cycles
+ * asc -> desc -> off (original order).
+ */
+export declare function useRowSort<TRow, TColId extends string>(config: UseRowSortConfig<TRow, TColId>): RowSortController<TRow, TColId>;
+
+export declare interface UseRowSortConfig<TRow, TColId extends string> {
+    sortAccessors: Partial<Record<TColId, (row: TRow) => string>>;
+}
+
 /** Options that drive which nodes are initially visible. */
 export declare type VisibilityOptions = {
     expandedNodeIds: Set<string>;

package/dist/index.js

@@ -33,17 +33,24 @@ import j from "./merge/type-name-authority.js";
 import { useMergeSession as M } from "./merge/use-merge-session.js";
 import N from "./merge/merge-review.js";
 import "./merge/index.js";
-import P from "./context-menu/context-menu.js";
+import { KEY_SEPARATOR as P, NO_VALUE_KEY as F, buildFlatOptions as I, buildMultiValueOptions as L, buildTreeOptions as R, collectLeafKeys as z, collectParentKeys as B, filterTree as V } from "./table/filters/build-filter-options.js";
+import { useColumnFilters as H } from "./table/filters/use-column-filters.js";
+import { useRowSort as U } from "./table/filters/use-row-sort.js";
+import { provideColumnFilterHeader as W, useColumnFilterHeaderContext as G } from "./table/column-filter-context.js";
+import { provideRowSortHeader as K, useOptionalRowSortContext as q } from "./table/row-sort-context.js";
+import J from "./table/filterable-column-header.js";
+import "./table/index.js";
+import Y from "./context-menu/context-menu.js";
 import "./context-menu/index.js";
-import F from "./split-layout/split-layout.js";
+import X from "./split-layout/split-layout.js";
 import "./split-layout/index.js";
-import { applyInitialVisibility as I, buildRecordCache as L, collectVisibleIds as R, hideDescendants as z } from "./diagram-layout/visibility-model.js";
-import { groupStackMetrics as B } from "./diagram-layout/group-stack.js";
-import { GROUP_COLLAPSED_MEMBERS_HEIGHT as V, GROUP_HEADER_HEIGHT as H, GROUP_MEMBER_GAP as U, GROUP_MEMBER_HEIGHT as W, GROUP_MEMBER_HEIGHT_COMPACT as G, memberCardHeight as K } from "./diagram-layout/group-geometry.js";
-import { computeGroups as q, isGroupId as J, makeGroupId as Y } from "./diagram-layout/grouping.js";
-import { createElkLayoutEngine as X } from "./diagram-layout/elk-layout-engine.js";
-import { useDiagramLayout as Z } from "./diagram-layout/use-diagram-layout.js";
-import Q from "./diagram-layout/diagram-node-card.js";
-import $ from "./diagram-layout/diagram-node-group.js";
+import { applyInitialVisibility as Z, buildRecordCache as Q, collectVisibleIds as $, hideDescendants as ee } from "./diagram-layout/visibility-model.js";
+import { groupStackMetrics as te } from "./diagram-layout/group-stack.js";
+import { GROUP_COLLAPSED_MEMBERS_HEIGHT as ne, GROUP_HEADER_HEIGHT as re, GROUP_MEMBER_GAP as ie, GROUP_MEMBER_HEIGHT as ae, GROUP_MEMBER_HEIGHT_COMPACT as oe, memberCardHeight as se } from "./diagram-layout/group-geometry.js";
+import { computeGroups as ce, isGroupId as le, makeGroupId as ue } from "./diagram-layout/grouping.js";
+import { createElkLayoutEngine as de } from "./diagram-layout/elk-layout-engine.js";
+import { useDiagramLayout as fe } from "./diagram-layout/use-diagram-layout.js";
+import pe from "./diagram-layout/diagram-node-card.js";
+import me from "./diagram-layout/diagram-node-group.js";
 import "./diagram-layout/index.js";
-export { s as Button, y as CATEGORY_ELEMENTS, T as CodeBlock, l as Combobox, P as ContextMenu, O as DecisionToggle, Q as DiagramNodeCard, $ as DiagramNodeGroup, d as Dialog, _ as DialogHost, v as DocumentProgressBar, c as Dropdown, b as ELEMENT_TO_COLOR, x as ELEMENT_TO_ICON, k as ElementDetail, f as FeedbackDialog, V as GROUP_COLLAPSED_MEMBERS_HEIGHT, H as GROUP_HEADER_HEIGHT, U as GROUP_MEMBER_GAP, W as GROUP_MEMBER_HEIGHT, G as GROUP_MEMBER_HEIGHT_COMPACT, N as MergeReview, A as MergeTree, u as MultiSelect, C as SclExplorer, F as SplitLayout, j as TypeNameAuthority, D as XmlDiff, I as applyInitialVisibility, L as buildRecordCache, S as collectExpandableNodeIds, R as collectVisibleIds, q as computeGroups, p as createDialogHost, e as createDocumentStore, X as createElkLayoutEngine, m as dialogHostKey, E as diffLines, B as groupStackMetrics, z as hideDescendants, w as highlightCode, J as isGroupId, Y as makeGroupId, K as memberCardHeight, h as provideDialogHost, i as useActiveDocument, Z as useDiagramLayout, t as useDialecteChannel, g as useDialog, a as useDocumentProgress, o as useDocumentState, n as useLiveData, M as useMergeSession, r as useProjectLiveData };
+export { s as Button, y as CATEGORY_ELEMENTS, T as CodeBlock, l as Combobox, Y as ContextMenu, O as DecisionToggle, pe as DiagramNodeCard, me as DiagramNodeGroup, d as Dialog, _ as DialogHost, v as DocumentProgressBar, c as Dropdown, b as ELEMENT_TO_COLOR, x as ELEMENT_TO_ICON, k as ElementDetail, f as FeedbackDialog, J as FilterableColumnHeader, ne as GROUP_COLLAPSED_MEMBERS_HEIGHT, re as GROUP_HEADER_HEIGHT, ie as GROUP_MEMBER_GAP, ae as GROUP_MEMBER_HEIGHT, oe as GROUP_MEMBER_HEIGHT_COMPACT, P as KEY_SEPARATOR, N as MergeReview, A as MergeTree, u as MultiSelect, F as NO_VALUE_KEY, C as SclExplorer, X as SplitLayout, j as TypeNameAuthority, D as XmlDiff, Z as applyInitialVisibility, I as buildFlatOptions, L as buildMultiValueOptions, Q as buildRecordCache, R as buildTreeOptions, S as collectExpandableNodeIds, z as collectLeafKeys, B as collectParentKeys, $ as collectVisibleIds, ce as computeGroups, p as createDialogHost, e as createDocumentStore, de as createElkLayoutEngine, m as dialogHostKey, E as diffLines, V as filterTree, te as groupStackMetrics, ee as hideDescendants, w as highlightCode, le as isGroupId, ue as makeGroupId, se as memberCardHeight, W as provideColumnFilterHeader, h as provideDialogHost, K as provideRowSortHeader, i as useActiveDocument, G as useColumnFilterHeaderContext, H as useColumnFilters, fe as useDiagramLayout, t as useDialecteChannel, g as useDialog, a as useDocumentProgress, o as useDocumentState, n as useLiveData, M as useMergeSession, q as useOptionalRowSortContext, r as useProjectLiveData, U as useRowSort };

package/dist/merge/merge-preflight.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import e from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/triangle-alert.js";
-import { TEMPLATE_UUID_WARNING_INFO as t } from "../external/.pnpm/@dialecte_scl@0.3.17/node_modules/@dialecte/scl/dist/v2019C1/index.js";
+import { TEMPLATE_UUID_WARNING_INFO as t } from "../external/.pnpm/@dialecte_scl@0.4.1/node_modules/@dialecte/scl/dist/v2019C1/index.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
 //#region lib/merge/merge-preflight.vue?vue&type=script&setup=true&lang.ts
 var p = { class: "flex h-full min-h-0 flex-col" }, m = { class: "min-h-0 flex-1 overflow-auto p-4" }, h = { class: "mx-auto max-w-2xl space-y-4" }, g = { class: "flex items-start gap-3" }, _ = { class: "border-b border-warning/25 px-3 py-2" }, v = { class: "flex items-center gap-2" }, y = { class: "badge badge-soft badge-warning badge-sm font-medium" }, b = { class: "font-semibold" }, x = { class: "mt-1 text-sm text-base-content/80" }, S = { class: "mt-1 text-sm" }, C = { class: "text-base-content/80" }, w = { class: "divide-y divide-warning/15" }, T = { class: "font-mono break-all" }, E = { class: "text-base-content/70" }, D = {

package/dist/merge/merge.service.js

@@ -1,5 +1,5 @@
-import { i as e } from "../external/.pnpm/@dialecte_scl@0.3.17/node_modules/@dialecte/scl/dist/hooks-BBGXNK0x.js";
-import "../external/.pnpm/@dialecte_scl@0.3.17/node_modules/@dialecte/scl/dist/v2019C1/index.js";
+import { i as e } from "../external/.pnpm/@dialecte_scl@0.4.1/node_modules/@dialecte/scl/dist/hooks-CZTZsrpD.js";
+import "../external/.pnpm/@dialecte_scl@0.4.1/node_modules/@dialecte/scl/dist/v2019C1/index.js";
 //#region lib/merge/merge.service.ts
 async function t(e, t) {
 	return e.query.lifecycle.report(t);

package/dist/table/column-filter-context.js

@@ -0,0 +1,13 @@
+import { inject as e, provide as t } from "vue";
+//#region lib/table/column-filter-context.ts
+var n = Symbol("column-filter-header");
+function r(e) {
+	t(n, e);
+}
+function i() {
+	let t = e(n);
+	if (!t) throw Error("useColumnFilterHeaderContext must be used within a provideColumnFilterHeader scope");
+	return t;
+}
+//#endregion
+export { r as provideColumnFilterHeader, i as useColumnFilterHeaderContext };

package/dist/table/filterable-column-header.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./filterable-column-header.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                         */
+//#region lib/table/filterable-column-header.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-7fb9a055"]]);
+//#endregion
+export { n as default };

package/dist/table/filterable-column-header.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,175 @@
+import e from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/arrow-down.js";
+import t from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/arrow-up-down.js";
+import n from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/arrow-up.js";
+import r from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/funnel.js";
+import i from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/x.js";
+import { useColumnFilterHeaderContext as a } from "./column-filter-context.js";
+import { useOptionalRowSortContext as o } from "./row-sort-context.js";
+import s from "./filters/filter-popover.js";
+import { Fragment as c, Teleport as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as ee, openBlock as b, ref as x, toDisplayString as te, unref as S, watch as C } from "vue";
+//#region lib/table/filterable-column-header.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "filterable-column-header" }, w = ["title"], T = ["aria-label", "title"], E = [
+	"aria-label",
+	"aria-pressed",
+	"aria-expanded",
+	"data-active"
+], D = ["aria-label", "title"], O = ["aria-label"], k = 14, A = 9, j = 8, M = /*@__PURE__*/ g({
+	__name: "filterable-column-header",
+	props: {
+		columnId: {},
+		title: {}
+	},
+	setup(g) {
+		let M = g, N = a(), P = o(), F = u(() => N.getVariant(M.columnId)), I = u(() => N.isColumnActive(M.columnId)), L = x(/* @__PURE__ */ new Set()), R = u(() => F.value === "tree" ? N.getTreeOptions(M.columnId) : []), z = u(() => F.value === "tree" ? [] : N.getFlatOptions(M.columnId)), B = u(() => N.getLanguageOptions(M.columnId)), V = u(() => N.getLanguage(M.columnId)), re = u(() => P?.isSortable(M.columnId) ?? !1), H = u(() => P?.getDirection(M.columnId) ?? null);
+		function ie(e) {
+			N.setLanguage(M.columnId, e), L.value = N.getSelection(M.columnId);
+		}
+		let U = x(!1), W = x({
+			top: "0px",
+			left: "0px"
+		}), G = x(null), K = x(null), q = x("bottom"), J = x({ left: "0px" });
+		async function ae() {
+			L.value = N.getSelection(M.columnId), W.value = {
+				top: "-9999px",
+				left: "-9999px"
+			}, U.value = !0, await _(), Y();
+		}
+		function Y() {
+			let e = K.value, t = G.value;
+			if (!e || !t) return;
+			let n = e.getBoundingClientRect(), r = t.offsetWidth, i = t.offsetHeight, a = window.visualViewport?.width ?? window.innerWidth, o = window.visualViewport?.height ?? window.innerHeight, s = Math.max(j, a - r - j), c = Math.max(j, o - i - j), l = n.left + n.width / 2, u = n.bottom + A, d = n.top - A - i, f = u > c, p = f ? Math.max(j, d) : u, m = Math.min(Math.max(j, l - r / 2), s);
+			q.value = f ? "top" : "bottom";
+			let h = Math.min(Math.max(k, l - m - k / 2), r - k * 2);
+			J.value = { left: `${h}px` }, W.value = {
+				top: `${p}px`,
+				left: `${m}px`
+			};
+		}
+		function X() {
+			U.value = !1, K.value?.focus();
+		}
+		function Z(e) {
+			e.key === "Escape" && X();
+		}
+		function oe(e) {
+			if (e.key !== "Tab") return;
+			let t = G.value?.querySelectorAll("button, input, [tabindex]:not([tabindex=\"-1\"])");
+			if (!t?.length) return;
+			let n = t[0], r = t[t.length - 1], i = window.document.activeElement;
+			e.shiftKey && i === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && i === r && (e.preventDefault(), n.focus());
+		}
+		C(U, (e) => {
+			e ? (window.addEventListener("keydown", Z), window.addEventListener("scroll", Y, !0), window.addEventListener("resize", Y)) : Q();
+		});
+		function Q() {
+			window.removeEventListener("keydown", Z), window.removeEventListener("scroll", Y, !0), window.removeEventListener("resize", Y);
+		}
+		ee(Q);
+		function se(e) {
+			N.apply(M.columnId, e), X();
+		}
+		function ce() {
+			N.reset(M.columnId);
+		}
+		function $() {
+			return H.value === "asc" ? `Sorted by ${M.title} ascending, click to sort descending` : H.value === "desc" ? `Sorted by ${M.title} descending, click to clear sorting` : `Sort by ${M.title}`;
+		}
+		return (a, o) => (b(), p("div", ne, [
+			m("span", {
+				class: "filterable-column-header__title",
+				title: g.title
+			}, te(g.title), 9, w),
+			re.value ? (b(), p("button", {
+				key: 0,
+				type: "button",
+				class: v(["filterable-column-header__sort", { "filterable-column-header__sort--active": H.value }]),
+				"aria-label": $(),
+				title: $(),
+				"data-testid": "column-sort-trigger",
+				onClick: o[0] ||= (e) => S(P)?.toggle(g.columnId)
+			}, [H.value === "asc" ? (b(), d(S(n), {
+				key: 0,
+				size: 14,
+				"aria-hidden": "true"
+			})) : H.value === "desc" ? (b(), d(S(e), {
+				key: 1,
+				size: 14,
+				"aria-hidden": "true"
+			})) : (b(), d(S(t), {
+				key: 2,
+				size: 14,
+				"aria-hidden": "true"
+			}))], 10, T)) : f("", !0),
+			m("button", {
+				ref_key: "funnelRef",
+				ref: K,
+				type: "button",
+				class: v(["filterable-column-header__funnel", { "filterable-column-header__funnel--active": I.value }]),
+				"aria-label": `Filter ${g.title}`,
+				"aria-pressed": I.value,
+				"aria-haspopup": "dialog",
+				"aria-expanded": U.value,
+				"data-active": I.value,
+				"data-testid": "column-filter-trigger",
+				onClick: ae
+			}, [h(S(r), {
+				size: 14,
+				"aria-hidden": "true"
+			})], 10, E),
+			I.value ? (b(), p("button", {
+				key: 1,
+				type: "button",
+				class: "filterable-column-header__reset",
+				"aria-label": `Reset ${g.title} filter`,
+				title: `Reset ${g.title} filter`,
+				"data-testid": "column-filter-reset",
+				onClick: ce
+			}, [h(S(i), {
+				size: 14,
+				"aria-hidden": "true"
+			})], 8, D)) : f("", !0),
+			(b(), d(l, { to: "body" }, [U.value ? (b(), p(c, { key: 0 }, [m("div", {
+				class: "filterable-column-header__backdrop",
+				onMousedown: X
+			}, null, 32), m("div", {
+				ref_key: "popoverWrapperRef",
+				ref: G,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": `Filter ${g.title}`,
+				style: y({
+					position: "fixed",
+					...W.value,
+					zIndex: 9999
+				}),
+				onKeydown: oe
+			}, [m("div", {
+				class: v(["filterable-column-header__arrow", `filterable-column-header__arrow--${q.value}`]),
+				style: y(J.value)
+			}, null, 6), h(s, {
+				title: `Filter ${g.title.toLowerCase()}`,
+				variant: F.value,
+				"initial-selection": L.value,
+				"tree-options": R.value,
+				"flat-options": z.value,
+				"language-options": B.value,
+				language: V.value,
+				"expand-all-by-default": S(N).expandAllByDefault(g.columnId),
+				onApply: se,
+				onCancel: X,
+				"onUpdate:language": ie
+			}, null, 8, [
+				"title",
+				"variant",
+				"initial-selection",
+				"tree-options",
+				"flat-options",
+				"language-options",
+				"language",
+				"expand-all-by-default"
+			])], 44, O)], 64)) : f("", !0)]))
+		]));
+	}
+});
+//#endregion
+export { M as default };