@septkit/ui 0.0.61 → 0.0.62

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/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 };