@skdx/vue 0.28.0 → 0.30.0

package/dist/transfer/context.d.ts

@@ -24,7 +24,7 @@ export declare const ORIGIN_OF: Record<TransferDirection, TransferSide>;
 export declare const DESTINATION_OF: Record<TransferDirection, TransferSide>;
 /** @internal Side noun for accessible names and announcements. */
 export declare const SIDE_NOUN: Record<TransferSide, string>;
-/** Accessible name of move trigger: direction and count. Explains when nothing to move.
+/** Accessible name of a move trigger from its direction and count.
  * @internal
  */
 export declare function moveTriggerLabel(count: number, direction: TransferDirection, all: boolean): string;
@@ -67,39 +67,16 @@ export interface TransferListScrollDetail {
     /** The visible height of the list, in pixels. */
     clientHeight: number;
 }
-/**
- * How the built-in matcher compares a query against an item's label.
- * `'contains'` is the default and the behaviour that shipped before this
- * existed. A declarative stand-in for `filter`, which is a function and so
- * cannot cross an HTML attribute boundary.
- */
+/** How the built-in matcher compares a query against an item's label; `'contains'` is the default. */
 export type TransferFilterMatchMode = 'startsWith' | 'contains' | 'endsWith';
-/**
- * Where an item lands on the target side when it is moved there. `'items'`
- * keeps the collection's own order; `'append'` and `'prepend'` make the
- * target list follow the order ids were moved in.
- */
+/** Where an item lands on the target side when moved: collection order, or append/prepend by move order. */
 export type TransferTargetOrder = 'items' | 'append' | 'prepend';
 /** @internal The default `filter`: a case-insensitive substring match against the item's label. */
 export declare function defaultTransferFilter(item: TransferItemData, query: string): boolean;
-/**
- * The built-in matcher, parameterised by `filterMatchMode`.
- *
- * A declarative counterpart to `filter`: a function cannot cross the HTML
- * attribute boundary, so `<skdx-transfer>` could only ever have the default
- * substring match. This enum covers the case almost every consumer actually
- * wants — "match from the start" for an id list, "contains" for labels — from
- * an attribute, and leaves `filter` as the property-only escape hatch for
- * anything else. PrimeVue's `filterMatchMode` is the precedent.
- *
- * Case-insensitive and trimmed in every mode, as the substring default always
- * was: a user typing a leading space has not changed what they meant.
- */
+/** The built-in matcher, parameterised by `filterMatchMode`; case-insensitive and trimmed in every mode. */
 export declare function matchesFilterMode(item: TransferItemData, query: string, mode?: TransferFilterMatchMode): boolean;
 /**
- * @internal Shared state distributed from `SkdxTransfer` to its parts. Every
- * field a part renders from is a `ComputedRef`, never a snapshot, so a prop
- * changed after mount reaches the parts (see `provide-reactivity.test.ts`).
+ * @internal Shared state distributed from `SkdxTransfer` to its parts, every rendered field a `ComputedRef`.
  */
 export interface TransferContext {
     /** Stable id prefix the parts derive their wiring ids from. */
@@ -122,36 +99,20 @@ export interface TransferContext {
     /** The option value holding each list's own tab stop — one roving group per side. */
     active: ComputedRef<Record<TransferSide, string | null>>;
     setActive: (side: TransferSide, value: string | null) => void;
-    /**
-     * Range-selection anchor per side: the last option marked *without* Shift.
-     * A plain mutable object rather than a ref — nothing renders from it, so
-     * making it reactive would only buy re-renders no one reads.
-     */
+    /** Range-selection anchor per side: the last option marked without Shift. */
     anchor: Record<TransferSide, string | null>;
     /** Whether an `SkdxTransferListHeader` is mounted for a side, which decides `aria-labelledby` vs `aria-label`. */
     labelled: ComputedRef<Record<TransferSide, boolean>>;
     registerHeader: (side: TransferSide, present: boolean) => void;
     /** Lets the root find a list element again, to place focus after a move. */
     registerList: (side: TransferSide, node: HTMLElement | null) => void;
-    /**
-     * Set just before the root places focus itself (after a move) so the next
-     * `focusin` a list sees is not mistaken for an external Tab and re-targeted
-     * by the default focus-in rule — the root's own placement is more specific
-     * than "first marked, else first". A plain mutable object, like `anchor`:
-     * nothing renders from it.
-     */
+    /** Set just before the root places focus itself, so the next `focusin` isn't re-targeted by the default rule. */
     suppressFocusIn: {
         current: boolean;
     };
     /** Moves `values` (silently dropping any disabled ones), announces the outcome, and re-places focus. */
     move: (direction: TransferDirection, values: string[]) => void;
-    /**
-     * The accessible name each move trigger gives itself — the root's
-     * `getMoveLabel`, or the built-in English one. A plain function rather than a
-     * `ComputedRef` because its inputs are the trigger's own live counts; it
-     * reads the prop on every call, so a `getMoveLabel` swapped after mount still
-     * reaches the triggers.
-     */
+    /** The accessible name each move trigger gives itself: the root's `getMoveLabel`, or the built-in English one. */
     moveLabel: (count: number, direction: TransferDirection, all: boolean) => string;
     /** Publishes one list's scroll geometry to the root's `list-scroll` event. */
     emitListScroll: (side: TransferSide, list: HTMLElement) => void;

package/dist/tree/Tree.vue.d.cts

@@ -1,43 +1,28 @@
 import { type TreeDisabledBehavior, type TreeLoadErrorDetail, type TreeNode, type TreeRenderLabel, type TreeSelectionMode, type TreeSelectionPropagation } from './context.cjs';
-/**
- * WAI-ARIA treeview: single tab stop with roving tabindex, keyboard
- * navigation (arrows, Home/End, typeahead, `*`), and selection modes
- * (none/single/multiple with Shift + Ctrl+A). Owns expanded/selected state
- * for child items via context. Supports lazy-loading branches and tri-state
- * checkbox propagation. Requires `aria-label` or `aria-labelledby`.
- */
+/** WAI-ARIA treeview with roving tabindex, keyboard navigation, and single/multiple/none selection modes. */
 type __VLS_Props = {
     /** `"single"`, `"multiple"`, or `"none"` (not selectable, just expand/collapse). */
     selectionMode?: TreeSelectionMode;
     /** Collection data; becomes source of truth, ignoring default slot. */
-    collection?: readonly TreeNode[];
+    collection?: readonly TreeNode[] | undefined;
     /** Renders collection node content; ignored without `collection`. */
-    renderLabel?: TreeRenderLabel;
+    renderLabel?: TreeRenderLabel | undefined;
     /** Expanded node ids, for controlled usage. Pair with `v-model:expanded-ids`. */
-    expandedIds?: string[];
+    expandedIds?: string[] | undefined;
     /** Initially expanded node ids, for uncontrolled usage. */
     defaultExpandedIds?: string[];
     /** Selected node ids, for controlled usage. Pair with `v-model:selected-ids`. */
-    selectedIds?: string[];
+    selectedIds?: string[] | undefined;
     /** Initially selected node ids, for uncontrolled usage. */
     defaultSelectedIds?: string[];
-    /** Checked node ids, for controlled usage — a second axis from `selectedIds`, enabled once this or `defaultCheckedIds` is supplied. Pair with `v-model:checked-ids`. */
-    checkedIds?: string[];
+    /** Checked node ids for controlled usage, a second axis from `selectedIds`; pair with `v-model:checked-ids`. */
+    checkedIds?: string[] | undefined;
     /** Initially checked node ids, for uncontrolled usage; supplying it (even `[]`) gives the tree its own checked axis. */
-    defaultCheckedIds?: string[];
-    /**
-     * Turns the tree into a tri-state checkbox tree: toggling a node
-     * selects/deselects its whole subtree, and each node reports
-     * `aria-checked` derived from its descendants. Only meaningful with
-     * `selection-mode="multiple"`.
-     */
+    defaultCheckedIds?: string[] | undefined;
+    /** Turns the tree into a tri-state checkbox tree, toggling a node's whole subtree together. */
     selectionPropagation?: TreeSelectionPropagation;
-    /**
-     * Loads a node's children the first time it expands. A returned promise
-     * marks the node busy until it settles, announcing `getLoadedLabel` on
-     * success; a rejection clears the busy state and leaves the node retryable.
-     */
-    loadChildren?: (nodeId: string) => void | Promise<void>;
+    /** Loads a node's children the first time it expands; a rejection leaves the node retryable. */
+    loadChildren?: ((nodeId: string) => void | Promise<void>) | undefined;
     /** Formats the announcement when lazy-loaded children arrive. */
     getLoadedLabel?: (nodeId: string) => string;
     /** Controls how disabled nodes behave in navigation and selection. */
@@ -45,7 +30,6 @@ type __VLS_Props = {
     /** Whether clicking a branch expands and collapses it. */
     expandOnClick?: boolean;
 };
-/** Clears load marker for node and descendants, whole tree if omitted. */
 declare function invalidate(nodeId?: string): void;
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -57,38 +41,38 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** Clears load marker; omit nodeId to clear whole tree. */
     invalidate: typeof invalidate;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    activate: (nodeId: string) => any;
     "update:expandedIds": (ids: string[]) => any;
     "expanded-ids-change": (ids: string[]) => any;
     "update:selectedIds": (ids: string[]) => any;
     "selected-ids-change": (ids: string[]) => any;
     "update:checkedIds": (ids: string[]) => any;
     "checked-ids-change": (ids: string[]) => any;
-    activate: (nodeId: string) => any;
     "load-error": (detail: TreeLoadErrorDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:expandedIds"?: ((ids: string[]) => any) | undefined;
-    "onExpanded-ids-change"?: ((ids: string[]) => any) | undefined;
-    "onUpdate:selectedIds"?: ((ids: string[]) => any) | undefined;
-    "onSelected-ids-change"?: ((ids: string[]) => any) | undefined;
-    "onUpdate:checkedIds"?: ((ids: string[]) => any) | undefined;
-    "onChecked-ids-change"?: ((ids: string[]) => any) | undefined;
-    onActivate?: ((nodeId: string) => any) | undefined;
-    "onLoad-error"?: ((detail: TreeLoadErrorDetail) => any) | undefined;
+    onActivate?: (nodeId: string) => any;
+    "onUpdate:expandedIds"?: (ids: string[]) => any;
+    "onExpanded-ids-change"?: (ids: string[]) => any;
+    "onUpdate:selectedIds"?: (ids: string[]) => any;
+    "onSelected-ids-change"?: (ids: string[]) => any;
+    "onUpdate:checkedIds"?: (ids: string[]) => any;
+    "onChecked-ids-change"?: (ids: string[]) => any;
+    "onLoad-error"?: (detail: TreeLoadErrorDetail) => any;
 }>, {
-    collection: readonly TreeNode[];
+    collection: readonly TreeNode[] | undefined;
     selectionMode: TreeSelectionMode;
-    selectionPropagation: TreeSelectionPropagation;
-    expandOnClick: boolean;
-    renderLabel: TreeRenderLabel;
-    expandedIds: string[];
+    renderLabel: TreeRenderLabel | undefined;
+    expandedIds: string[] | undefined;
     defaultExpandedIds: string[];
-    selectedIds: string[];
+    selectedIds: string[] | undefined;
     defaultSelectedIds: string[];
-    checkedIds: string[];
-    defaultCheckedIds: string[];
-    loadChildren: (nodeId: string) => void | Promise<void>;
+    checkedIds: string[] | undefined;
+    defaultCheckedIds: string[] | undefined;
+    selectionPropagation: TreeSelectionPropagation;
+    loadChildren: ((nodeId: string) => void | Promise<void>) | undefined;
     getLoadedLabel: (nodeId: string) => string;
     disabledBehavior: TreeDisabledBehavior;
+    expandOnClick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tree/Tree.vue.d.ts

@@ -1,43 +1,28 @@
 import { type TreeDisabledBehavior, type TreeLoadErrorDetail, type TreeNode, type TreeRenderLabel, type TreeSelectionMode, type TreeSelectionPropagation } from './context.js';
-/**
- * WAI-ARIA treeview: single tab stop with roving tabindex, keyboard
- * navigation (arrows, Home/End, typeahead, `*`), and selection modes
- * (none/single/multiple with Shift + Ctrl+A). Owns expanded/selected state
- * for child items via context. Supports lazy-loading branches and tri-state
- * checkbox propagation. Requires `aria-label` or `aria-labelledby`.
- */
+/** WAI-ARIA treeview with roving tabindex, keyboard navigation, and single/multiple/none selection modes. */
 type __VLS_Props = {
     /** `"single"`, `"multiple"`, or `"none"` (not selectable, just expand/collapse). */
     selectionMode?: TreeSelectionMode;
     /** Collection data; becomes source of truth, ignoring default slot. */
-    collection?: readonly TreeNode[];
+    collection?: readonly TreeNode[] | undefined;
     /** Renders collection node content; ignored without `collection`. */
-    renderLabel?: TreeRenderLabel;
+    renderLabel?: TreeRenderLabel | undefined;
     /** Expanded node ids, for controlled usage. Pair with `v-model:expanded-ids`. */
-    expandedIds?: string[];
+    expandedIds?: string[] | undefined;
     /** Initially expanded node ids, for uncontrolled usage. */
     defaultExpandedIds?: string[];
     /** Selected node ids, for controlled usage. Pair with `v-model:selected-ids`. */
-    selectedIds?: string[];
+    selectedIds?: string[] | undefined;
     /** Initially selected node ids, for uncontrolled usage. */
     defaultSelectedIds?: string[];
-    /** Checked node ids, for controlled usage — a second axis from `selectedIds`, enabled once this or `defaultCheckedIds` is supplied. Pair with `v-model:checked-ids`. */
-    checkedIds?: string[];
+    /** Checked node ids for controlled usage, a second axis from `selectedIds`; pair with `v-model:checked-ids`. */
+    checkedIds?: string[] | undefined;
     /** Initially checked node ids, for uncontrolled usage; supplying it (even `[]`) gives the tree its own checked axis. */
-    defaultCheckedIds?: string[];
-    /**
-     * Turns the tree into a tri-state checkbox tree: toggling a node
-     * selects/deselects its whole subtree, and each node reports
-     * `aria-checked` derived from its descendants. Only meaningful with
-     * `selection-mode="multiple"`.
-     */
+    defaultCheckedIds?: string[] | undefined;
+    /** Turns the tree into a tri-state checkbox tree, toggling a node's whole subtree together. */
     selectionPropagation?: TreeSelectionPropagation;
-    /**
-     * Loads a node's children the first time it expands. A returned promise
-     * marks the node busy until it settles, announcing `getLoadedLabel` on
-     * success; a rejection clears the busy state and leaves the node retryable.
-     */
-    loadChildren?: (nodeId: string) => void | Promise<void>;
+    /** Loads a node's children the first time it expands; a rejection leaves the node retryable. */
+    loadChildren?: ((nodeId: string) => void | Promise<void>) | undefined;
     /** Formats the announcement when lazy-loaded children arrive. */
     getLoadedLabel?: (nodeId: string) => string;
     /** Controls how disabled nodes behave in navigation and selection. */
@@ -45,7 +30,6 @@ type __VLS_Props = {
     /** Whether clicking a branch expands and collapses it. */
     expandOnClick?: boolean;
 };
-/** Clears load marker for node and descendants, whole tree if omitted. */
 declare function invalidate(nodeId?: string): void;
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -57,38 +41,38 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** Clears load marker; omit nodeId to clear whole tree. */
     invalidate: typeof invalidate;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    activate: (nodeId: string) => any;
     "update:expandedIds": (ids: string[]) => any;
     "expanded-ids-change": (ids: string[]) => any;
     "update:selectedIds": (ids: string[]) => any;
     "selected-ids-change": (ids: string[]) => any;
     "update:checkedIds": (ids: string[]) => any;
     "checked-ids-change": (ids: string[]) => any;
-    activate: (nodeId: string) => any;
     "load-error": (detail: TreeLoadErrorDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:expandedIds"?: ((ids: string[]) => any) | undefined;
-    "onExpanded-ids-change"?: ((ids: string[]) => any) | undefined;
-    "onUpdate:selectedIds"?: ((ids: string[]) => any) | undefined;
-    "onSelected-ids-change"?: ((ids: string[]) => any) | undefined;
-    "onUpdate:checkedIds"?: ((ids: string[]) => any) | undefined;
-    "onChecked-ids-change"?: ((ids: string[]) => any) | undefined;
-    onActivate?: ((nodeId: string) => any) | undefined;
-    "onLoad-error"?: ((detail: TreeLoadErrorDetail) => any) | undefined;
+    onActivate?: (nodeId: string) => any;
+    "onUpdate:expandedIds"?: (ids: string[]) => any;
+    "onExpanded-ids-change"?: (ids: string[]) => any;
+    "onUpdate:selectedIds"?: (ids: string[]) => any;
+    "onSelected-ids-change"?: (ids: string[]) => any;
+    "onUpdate:checkedIds"?: (ids: string[]) => any;
+    "onChecked-ids-change"?: (ids: string[]) => any;
+    "onLoad-error"?: (detail: TreeLoadErrorDetail) => any;
 }>, {
-    collection: readonly TreeNode[];
+    collection: readonly TreeNode[] | undefined;
     selectionMode: TreeSelectionMode;
-    selectionPropagation: TreeSelectionPropagation;
-    expandOnClick: boolean;
-    renderLabel: TreeRenderLabel;
-    expandedIds: string[];
+    renderLabel: TreeRenderLabel | undefined;
+    expandedIds: string[] | undefined;
     defaultExpandedIds: string[];
-    selectedIds: string[];
+    selectedIds: string[] | undefined;
     defaultSelectedIds: string[];
-    checkedIds: string[];
-    defaultCheckedIds: string[];
-    loadChildren: (nodeId: string) => void | Promise<void>;
+    checkedIds: string[] | undefined;
+    defaultCheckedIds: string[] | undefined;
+    selectionPropagation: TreeSelectionPropagation;
+    loadChildren: ((nodeId: string) => void | Promise<void>) | undefined;
     getLoadedLabel: (nodeId: string) => string;
     disabledBehavior: TreeDisabledBehavior;
+    expandOnClick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tree/Tree.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const ee=require("../utils/direction.cjs"),te=require("../utils/useTypeahead.cjs"),be=require("../utils/liveAnnouncer.cjs"),ne=require("./context.cjs"),Se=require("./nodes.cjs");let a=require("vue");var Me=["aria-multiselectable"],Ce='[role="treeitem"]:not([data-disabled])',P='[role="treeitem"]',Ee=(0,a.defineComponent)({__name:"Tree",props:{selectionMode:{default:"single"},collection:{default:void 0},renderLabel:{type:Function,default:void 0},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},selectedIds:{default:void 0},defaultSelectedIds:{default:()=>[]},checkedIds:{default:void 0},defaultCheckedIds:{default:void 0},selectionPropagation:{default:"none"},loadChildren:{type:Function,default:void 0},getLoadedLabel:{type:Function,default:ne.defaultGetLoadedLabel},disabledBehavior:{default:"all"},expandOnClick:{type:Boolean,default:!0}},emits:["update:expandedIds","expanded-ids-change","update:selectedIds","selected-ids-change","update:checkedIds","checked-ids-change","activate","load-error"],setup(g,{expose:oe,emit:re}){function d(e){return e.getAttribute("data-skdx-tree-node-id")??""}function ae(e){const t=e.getAttribute("data-text-value");if(t!==null)return t;let r="";for(const n of e.childNodes){const o=n.nodeType===1?n:null;o&&(o.getAttribute("role")==="group"||o.getAttribute("aria-hidden")==="true")||(r+=n.textContent??"")}return r}function le(e){const t=new Map;for(const n of e.querySelectorAll(P)){const o=d(n);if(!o)continue;const i=n.getAttribute("data-skdx-tree-parent-id")??"",c=t.get(i);c?c.push(o):t.set(i,[o])}const r=new Map;for(const n of t.values())n.forEach((o,i)=>{r.set(o,{posinset:i+1,setsize:n.length})});return r}function se(e,t){if(e.size!==t.size)return!1;for(const[r,n]of e){const o=t.get(r);if(!o||o.posinset!==n.posinset||o.setsize!==n.setsize)return!1}return!0}const l=g,f=re,p=(0,a.ref)(null),x=(0,a.ref)(null),ie=ee.useDirection(),B=(0,a.computed)(()=>l.disabledBehavior==="selection"?P:Ce),K=(0,a.ref)(l.defaultExpandedIds),h=(0,a.computed)(()=>l.expandedIds??K.value),N=(0,a.computed)(()=>new Set(h.value)),R=(0,a.ref)(l.defaultSelectedIds),S=(0,a.computed)(()=>l.selectedIds??R.value),M=(0,a.computed)(()=>new Set(S.value)),C=(0,a.computed)(()=>l.checkedIds!==void 0||l.defaultCheckedIds!==void 0),z=(0,a.ref)(l.defaultCheckedIds??[]),U=(0,a.computed)(()=>l.checkedIds??z.value),ue=(0,a.computed)(()=>new Set(U.value)),m=(0,a.computed)(()=>C.value?U.value:S.value),ce=(0,a.computed)(()=>C.value?ue.value:M.value),F=(0,a.computed)(()=>l.selectionPropagation==="descendants"),v=new Set,k=(0,a.ref)(new Set),u=(0,a.ref)(new Map);function de(e,t){u.value.get(e)!==t&&(u.value=new Map(u.value).set(e,t))}function fe(e){if(!u.value.has(e))return;const t=new Map(u.value);t.delete(e),u.value=t}const H=(0,a.computed)(()=>{const e=new Map;for(const[t,r]of u.value){if(r===null)continue;const n=e.get(r);n?n.push(t):e.set(r,[t])}return e}),G=new Map,pe=(0,a.computed)(()=>{for(const e of u.value.keys())N.value.has(e)&&G.set(e,[...H.value.get(e)??[]]);return G});function X(e){return H.value.get(e)??pe.value.get(e)??[]}function E(e){const t=[],r=new Set([e]),n=[...X(e)];for(;n.length>0;){const o=n.pop();r.has(o)||(r.add(o),t.push(o),n.push(...X(o)))}return t}function Y(e){if(!F.value)return!1;const t=ce.value,r=E(e);if(r.length===0)return t.has(e);const n=r.filter(o=>t.has(o)).length;return n===0?!1:n===r.length?!0:"mixed"}function $(e){l.expandedIds===void 0&&(K.value=e),f("update:expandedIds",e),f("expanded-ids-change",e)}function he(e){l.selectedIds===void 0&&(R.value=e),f("update:selectedIds",e),f("selected-ids-change",e)}function ve(e){l.checkedIds===void 0&&(z.value=e),f("update:checkedIds",e),f("checked-ids-change",e)}function y(e){C.value?ve(e):he(e)}function j(e){const t=l.loadChildren;if(!t||v.has(e))return;v.add(e),k.value=new Set(k.value).add(e);const r=()=>{const n=new Set(k.value);n.delete(e),k.value=n};Promise.resolve(t(e)).then(()=>{r(),be.announce(l.getLoadedLabel(e))},n=>{v.delete(e),r(),f("load-error",{nodeId:e,error:n})})}function ge(e){if(e===void 0){v.clear();return}v.delete(e);for(const t of E(e))v.delete(t)}function D(e,t){$(t?[...h.value,e]:h.value.filter(r=>r!==e)),t&&j(e)}function me(e){if(e.length!==0){$([...new Set([...h.value,...e])]);for(const t of e)j(t)}}let w=null;function A(e){if(l.selectionMode==="none")return;w=e;const t=m.value;if(l.selectionMode==="multiple"&&F.value){const r=Y(e)!==!0,n=new Set(t);for(const o of[e,...E(e)])r?n.add(o):n.delete(o);y([...n]);return}y(l.selectionMode==="single"?[e]:t.includes(e)?t.filter(r=>r!==e):[...t,e])}function J(e){if(l.selectionMode!=="multiple")return;const t=e[e.length-1];t!==void 0&&(w=t),y([...new Set([...m.value,...e])])}function ke(e){if(l.selectionMode!=="multiple"||e.length===0)return;const t=new Set(m.value);if(e.every(r=>t.has(r))){y(m.value.filter(r=>!e.includes(r)));return}y([...new Set([...m.value,...e])])}function Q(e){f("activate",e)}function ye(e){x.value=e}const q=(0,a.ref)(new Map);function T(){if(!p.value)return;const e=le(p.value);se(q.value,e)||(q.value=e)}function xe(e){return q.value.get(e)}(0,a.onMounted)(T),(0,a.onUpdated)(T),(0,a.watch)([h,u],T,{flush:"post"});function _(){const e=p.value;if(!e)return;const t=Array.from(e.querySelectorAll(B.value),n=>n.getAttribute("data-skdx-tree-node-id")).filter(n=>n!==null&&n!=="");if(t.length===0)return;const r=x.value;r!==null&&t.includes(r)||(x.value=t.find(n=>M.value.has(n))??t[0])}(0,a.onMounted)(_),(0,a.onUpdated)(_),(0,a.watch)([h,S,u],_,{flush:"post"});const we=te.useTypeahead();function Ae(e){const t=ee.directionalKey(e.key,e.currentTarget,ie()),r=p.value,n=e.target;if(!r||!n.matches('[role="treeitem"]'))return;const o=Array.from(r.querySelectorAll(B.value)),i=o.indexOf(n),c=d(n),L=n.getAttribute("data-skdx-tree-parent-id")||"",b=l.selectionMode==="multiple";if(b&&e.shiftKey&&(t==="ArrowDown"||t==="ArrowUp")){e.preventDefault();const s=o[i+(t==="ArrowDown"?1:-1)];s&&(s.focus(),A(d(s)));return}if(b&&e.shiftKey&&e.key===" "){e.preventDefault();const s=o.map(d),I=w===null?-1:s.indexOf(w),O=s.indexOf(c);I===-1||O===-1?A(c):J(s.slice(Math.min(I,O),Math.max(I,O)+1));return}if(b&&e.shiftKey&&(e.key==="Home"||e.key==="End")){e.preventDefault();const s=e.key==="Home"?0:o.length-1;J(o.slice(Math.min(i,s),Math.max(i,s)+1).map(d)),o[s]?.focus();return}if(b&&(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),ke(o.map(d));return}if(t==="ArrowDown"){e.preventDefault(),o[i+1]?.focus();return}if(t==="ArrowUp"){e.preventDefault(),o[i-1]?.focus();return}if(t==="Home"){e.preventDefault(),o[0]?.focus();return}if(t==="End"){e.preventDefault(),o[o.length-1]?.focus();return}const V=n.getAttribute("aria-expanded"),W=V!==null,Z=V==="true";if(t==="ArrowRight")e.preventDefault(),W&&!Z?D(c,!0):o[i+1]?.focus();else if(t==="ArrowLeft")e.preventDefault(),W&&Z?D(c,!1):L&&o.find(s=>d(s)===L)?.focus();else if(e.key==="Enter"||e.key===" "){if(e.preventDefault(),n.hasAttribute("data-disabled"))return;A(c),e.key==="Enter"&&Q(c)}else if(e.key==="*")e.preventDefault(),me(Array.from(r.querySelectorAll(P)).filter(s=>(s.getAttribute("data-skdx-tree-parent-id")||"")===L&&s.getAttribute("aria-expanded")==="false").map(d));else if(te.isTypeaheadKey(e)){const s=we(e.key,o.map(ae),i);if(s===-1)return;e.preventDefault(),o[s]?.focus()}}return oe({el:p,invalidate:ge}),(0,a.provide)(ne.TREE_CONTEXT,{get selectionMode(){return l.selectionMode},get selectionPropagation(){return l.selectionPropagation},expandedIds:N,selectedIds:M,loadingIds:k,activeNodeId:x,setActiveNodeId:ye,get disabledBehavior(){return l.disabledBehavior},get expandOnClick(){return l.expandOnClick},onExpandedChange:D,onSelectedChange:A,onActivate:Q,checkedState:Y,positionOf:xe,registerNode:de,unregisterNode:fe}),(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-tree","data-part":"root","data-skdx-component":"tree",ref_key:"rootRef",ref:p,role:"tree","aria-multiselectable":g.selectionMode==="multiple"?!0:void 0,onKeydown:Ae},[g.collection?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(Se.default),{key:0,nodes:g.collection,"render-label":g.renderLabel},null,8,["nodes","render-label"])):(0,a.renderSlot)(e.$slots,"default",{key:1})],40,Me))}});exports.default=Ee;
+const Te=require("../utils/liveAnnouncer.cjs"),j=require("../utils/direction.cjs"),qe=require("../utils/typeahead.cjs"),De=require("../utils/useTypeahead.cjs"),J=require("./context.cjs"),_e=require("./nodes.cjs");let a=require("vue");var Le=["aria-multiselectable"],Oe='[role="treeitem"]:not([data-disabled])',_='[role="treeitem"]',Ie=(0,a.defineComponent)({__name:"Tree",props:{selectionMode:{default:"single"},collection:{default:void 0},renderLabel:{type:Function,default:void 0},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},selectedIds:{default:void 0},defaultSelectedIds:{default:()=>[]},checkedIds:{default:void 0},defaultCheckedIds:{default:void 0},selectionPropagation:{default:"none"},loadChildren:{type:Function,default:void 0},getLoadedLabel:{type:Function,default:J.defaultGetLoadedLabel},disabledBehavior:{default:"all"},expandOnClick:{type:Boolean,default:!0}},emits:["update:expandedIds","expanded-ids-change","update:selectedIds","selected-ids-change","update:checkedIds","checked-ids-change","activate","load-error"],setup(v,{expose:Q,emit:V}){function s(e){return e.getAttribute("data-skdx-tree-node-id")??""}function Z(e){const t=e.getAttribute("data-text-value");if(t!==null)return t;let r="";for(const n of e.childNodes){if(n.nodeType!==1&&n.nodeType!==3)continue;const o=n.nodeType===1?n:null;o&&(o.getAttribute("role")==="group"||o.getAttribute("aria-hidden")==="true")||(r+=n.textContent??"")}return r}function ee(e){const t=new Map;for(const n of e.querySelectorAll(_)){const o=s(n);if(!o)continue;const u=n.getAttribute("data-skdx-tree-parent-id")??"",d=t.get(u);d?d.push(o):t.set(u,[o])}const r=new Map;for(const n of t.values())n.forEach((o,u)=>{r.set(o,{posinset:u+1,setsize:n.length})});return r}function te(e,t){if(e.size!==t.size)return!1;for(const[r,n]of e){const o=t.get(r);if(!o||o.posinset!==n.posinset||o.setsize!==n.setsize)return!1}return!0}const l=v,c=V,f=(0,a.ref)(null),k=(0,a.ref)(null),ne=j.useDirection(),L=(0,a.computed)(()=>l.disabledBehavior==="selection"?_:Oe),O=(0,a.ref)(l.defaultExpandedIds),p=(0,a.computed)(()=>l.expandedIds??O.value),I=(0,a.computed)(()=>new Set(p.value)),K=(0,a.ref)(l.defaultSelectedIds),b=(0,a.computed)(()=>l.selectedIds??K.value),S=(0,a.computed)(()=>new Set(b.value)),M=(0,a.computed)(()=>l.checkedIds!==void 0||l.defaultCheckedIds!==void 0),B=(0,a.ref)(l.defaultCheckedIds??[]),P=(0,a.computed)(()=>l.checkedIds??B.value),re=(0,a.computed)(()=>new Set(P.value)),g=(0,a.computed)(()=>M.value?P.value:b.value),oe=(0,a.computed)(()=>M.value?re.value:S.value),R=(0,a.computed)(()=>l.selectionPropagation==="descendants"),h=new Set,y=(0,a.shallowRef)(new Set),i=(0,a.shallowRef)(new Map);function ae(e,t){i.value.get(e)!==t&&(i.value=new Map(i.value).set(e,t))}function le(e){if(!i.value.has(e))return;const t=new Map(i.value);t.delete(e),i.value=t}const N=(0,a.computed)(()=>{const e=new Map;for(const[t,r]of i.value){if(r===null)continue;const n=e.get(r);n?n.push(t):e.set(r,[t])}return e}),z=new Map,ue=(0,a.computed)(()=>{for(const e of i.value.keys())I.value.has(e)&&z.set(e,[...N.value.get(e)??[]]);return z});function F(e){return N.value.get(e)??ue.value.get(e)??[]}function C(e){const t=[],r=new Set([e]),n=[...F(e)];for(;n.length>0;){const o=n.pop();r.has(o)||(r.add(o),t.push(o),n.push(...F(o)))}return t}function U(e){if(!R.value)return!1;const t=oe.value,r=C(e);if(r.length===0)return t.has(e);const n=r.filter(o=>t.has(o)).length;return n===0?!1:n===r.length?!0:"mixed"}function H(e){l.expandedIds===void 0&&(O.value=e),c("update:expandedIds",e),c("expanded-ids-change",e)}function ie(e){l.selectedIds===void 0&&(K.value=e),c("update:selectedIds",e),c("selected-ids-change",e)}function se(e){l.checkedIds===void 0&&(B.value=e),c("update:checkedIds",e),c("checked-ids-change",e)}function m(e){M.value?se(e):ie(e)}function G(e){const t=l.loadChildren;if(!t||h.has(e))return;h.add(e),y.value=new Set(y.value).add(e);const r=()=>{const n=new Set(y.value);n.delete(e),y.value=n};Promise.resolve(t(e)).then(()=>{r(),Te.announce(l.getLoadedLabel(e))},n=>{h.delete(e),r(),c("load-error",{nodeId:e,error:n})})}function ce(e){if(e===void 0){h.clear();return}h.delete(e);for(const t of C(e))h.delete(t)}function E(e,t){H(t?[...p.value,e]:p.value.filter(r=>r!==e)),t&&G(e)}function de(e){if(e.length!==0){H([...new Set([...p.value,...e])]);for(const t of e)G(t)}}let w=null;function x(e){if(l.selectionMode==="none")return;w=e;const t=g.value;if(l.selectionMode==="multiple"&&R.value){const n=U(e)!==!0,o=new Set(t);for(const u of[e,...C(e)])n?o.add(u):o.delete(u);m([...o]);return}let r;l.selectionMode==="single"?r=[e]:t.includes(e)?r=t.filter(n=>n!==e):r=[...t,e],m(r)}function W(e){if(l.selectionMode!=="multiple")return;const t=e[e.length-1];t!==void 0&&(w=t),m([...new Set([...g.value,...e])])}function fe(e){if(l.selectionMode!=="multiple"||e.length===0)return;const t=new Set(g.value);if(e.every(r=>t.has(r))){m(g.value.filter(r=>!e.includes(r)));return}m([...new Set([...g.value,...e])])}function X(e){c("activate",e)}function pe(e){k.value=e}const T=(0,a.shallowRef)(new Map);function q(){if(!f.value)return;const e=ee(f.value);te(T.value,e)||(T.value=e)}function he(e){return T.value.get(e)}(0,a.onMounted)(q),(0,a.onUpdated)(q),(0,a.watch)([p,i],q,{flush:"post"});function D(){const e=f.value;if(!e)return;const t=Array.from(e.querySelectorAll(L.value),n=>n.getAttribute("data-skdx-tree-node-id")).filter(n=>n!==null&&n!=="");if(t.length===0)return;const r=k.value;r!==null&&t.includes(r)||(k.value=t.find(n=>S.value.has(n))??t[0])}(0,a.onMounted)(D),(0,a.onUpdated)(D),(0,a.watch)([p,b,i],D,{flush:"post"});const ve=De.useTypeahead();function ge(e,t,r,n){if(!e.shiftKey||t!=="ArrowDown"&&t!=="ArrowUp")return!1;e.preventDefault();const o=r[n+(t==="ArrowDown"?1:-1)];return o&&(o.focus(),x(s(o))),!0}function ye(e,t,r){if(!e.shiftKey||e.key!==" ")return!1;e.preventDefault();const n=t.map(s),o=w===null?-1:n.indexOf(w),u=n.indexOf(r);return o===-1||u===-1?x(r):W(n.slice(Math.min(o,u),Math.max(o,u)+1)),!0}function me(e,t,r){if(!e.shiftKey||e.key!=="Home"&&e.key!=="End")return!1;e.preventDefault();const n=e.key==="Home"?0:t.length-1;return W(t.slice(Math.min(r,n),Math.max(r,n)+1).map(s)),t[n]?.focus(),!0}function ke(e,t){return!e.ctrlKey&&!e.metaKey||e.key.toLowerCase()!=="a"?!1:(e.preventDefault(),fe(t.map(s)),!0)}function we(e,t,r,n,o){return l.selectionMode!=="multiple"?!1:ge(e,t,r,n)||ye(e,r,o)||me(e,r,n)||ke(e,r)}function xe(e,t,r,n){return t==="ArrowDown"?(e.preventDefault(),r[n+1]?.focus(),!0):t==="ArrowUp"?(e.preventDefault(),r[n-1]?.focus(),!0):t==="Home"?(e.preventDefault(),r[0]?.focus(),!0):t==="End"?(e.preventDefault(),r[r.length-1]?.focus(),!0):!1}function Ae(e,t,r,n,o){if(t!=="ArrowRight"&&t!=="ArrowLeft")return!1;e.preventDefault();const u=s(r),d=r.getAttribute("aria-expanded"),A=d!==null,Y=d==="true";if(t==="ArrowRight")return A&&!Y?E(u,!0):n[o+1]?.focus(),!0;if(A&&Y)E(u,!1);else{const $=r.getAttribute("data-skdx-tree-parent-id")||"";$&&n.find(Ee=>s(Ee)===$)?.focus()}return!0}function be(e,t,r){return e.key!=="Enter"&&e.key!==" "?!1:(e.preventDefault(),t.hasAttribute("data-disabled")||(x(r),e.key==="Enter"&&X(r)),!0)}function Se(e,t,r){return e.key!=="*"?!1:(e.preventDefault(),de(Array.from(t.querySelectorAll(_)).filter(n=>(n.getAttribute("data-skdx-tree-parent-id")||"")===r&&n.getAttribute("aria-expanded")==="false").map(s)),!0)}function Me(e,t,r){const n=ve(e.key,t.map(Z),r);n!==-1&&(e.preventDefault(),t[n]?.focus())}function Ce(e){const t=j.directionalKey(e.key,e.currentTarget,ne()),r=f.value,n=e.target;if(!r||!n.matches('[role="treeitem"]'))return;const o=Array.from(r.querySelectorAll(L.value)),u=o.indexOf(n),d=s(n),A=n.getAttribute("data-skdx-tree-parent-id")||"";we(e,t,o,u,d)||xe(e,t,o,u)||Ae(e,t,n,o,u)||be(e,n,d)||Se(e,r,A)||qe.isTypeaheadKey(e)&&Me(e,o,u)}return Q({el:f,invalidate:ce}),(0,a.provide)(J.TREE_CONTEXT,{get selectionMode(){return l.selectionMode},get selectionPropagation(){return l.selectionPropagation},expandedIds:I,selectedIds:S,loadingIds:y,activeNodeId:k,setActiveNodeId:pe,get disabledBehavior(){return l.disabledBehavior},get expandOnClick(){return l.expandOnClick},onExpandedChange:E,onSelectedChange:x,onActivate:X,checkedState:U,positionOf:he,registerNode:ae,unregisterNode:le}),(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{ref_key:"rootRef",ref:f,class:"skdx-tree","data-part":"root","data-skdx-component":"tree",role:"tree","aria-multiselectable":v.selectionMode==="multiple"?!0:void 0,onKeydown:Ce},[v.collection?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(_e.default),{key:0,nodes:v.collection,"render-label":v.renderLabel},null,8,["nodes","render-label"])):(0,a.renderSlot)(e.$slots,"default",{key:1})],40,Le))}});exports.default=Ie;

package/dist/tree/Tree.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{isTypeaheadKey as n,useTypeahead as a}from"../utils/useTypeahead.js";import{announce as o}from"../utils/liveAnnouncer.js";import{TREE_CONTEXT as l,defaultGetLoadedLabel as d}from"./context.js";import r from"./nodes.js";import{computed as u,createBlock as i,createElementBlock as s,defineComponent as c,onMounted as f,onUpdated as v,openBlock as p,provide as h,ref as g,renderSlot as m,unref as k,watch as y}from"vue";var w=["aria-multiselectable"],x='[role="treeitem"]',I=/* @__PURE__ */c({__name:"Tree",props:{selectionMode:{default:"single"},collection:{default:void 0},renderLabel:{type:Function,default:void 0},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},selectedIds:{default:void 0},defaultSelectedIds:{default:()=>[]},checkedIds:{default:void 0},defaultCheckedIds:{default:void 0},selectionPropagation:{default:"none"},loadChildren:{type:Function,default:void 0},getLoadedLabel:{type:Function,default:d},disabledBehavior:{default:"all"},expandOnClick:{type:Boolean,default:!0}},emits:["update:expandedIds","expanded-ids-change","update:selectedIds","selected-ids-change","update:checkedIds","checked-ids-change","activate","load-error"],setup(d,{expose:c,emit:I}){function A(e){return e.getAttribute("data-skdx-tree-node-id")??""}function b(e){const t=e.getAttribute("data-text-value");if(null!==t)return t;let n="";for(const t of e.childNodes){const e=1===t.nodeType?t:null;e&&("group"===e.getAttribute("role")||"true"===e.getAttribute("aria-hidden"))||(n+=t.textContent??"")}return n}const M=d,S=I,D=g(null),C=g(null),E=t(),L=u(()=>"selection"===M.disabledBehavior?x:'[role="treeitem"]:not([data-disabled])'),T=g(M.defaultExpandedIds),B=u(()=>M.expandedIds??T.value),K=u(()=>new Set(B.value)),O=g(M.defaultSelectedIds),N=u(()=>M.selectedIds??O.value),j=u(()=>new Set(N.value)),z=u(()=>void 0!==M.checkedIds||void 0!==M.defaultCheckedIds),P=g(M.defaultCheckedIds??[]),q=u(()=>M.checkedIds??P.value),_=u(()=>new Set(q.value)),F=u(()=>z.value?q.value:N.value),H=u(()=>z.value?_.value:j.value),R=u(()=>"descendants"===M.selectionPropagation),U=/* @__PURE__ */new Set,G=g(/* @__PURE__ */new Set),X=g(/* @__PURE__ */new Map),$=u(()=>{const e=/* @__PURE__ */new Map;for(const[t,n]of X.value){if(null===n)continue;const a=e.get(n);a?a.push(t):e.set(n,[t])}return e}),J=/* @__PURE__ */new Map,Q=u(()=>{for(const e of X.value.keys())K.value.has(e)&&J.set(e,[...$.value.get(e)??[]]);return J});function V(e){return $.value.get(e)??Q.value.get(e)??[]}function W(e){const t=[],n=/* @__PURE__ */new Set([e]),a=[...V(e)];for(;a.length>0;){const e=a.pop();n.has(e)||(n.add(e),t.push(e),a.push(...V(e)))}return t}function Y(e){if(!R.value)return!1;const t=H.value,n=W(e);if(0===n.length)return t.has(e);const a=n.filter(e=>t.has(e)).length;return 0!==a&&(a===n.length||"mixed")}function Z(e){void 0===M.expandedIds&&(T.value=e),S("update:expandedIds",e),S("expanded-ids-change",e)}function ee(e){z.value?function(e){void 0===M.checkedIds&&(P.value=e),S("update:checkedIds",e),S("checked-ids-change",e)}(e):function(e){void 0===M.selectedIds&&(O.value=e),S("update:selectedIds",e),S("selected-ids-change",e)}(e)}function te(e){const t=M.loadChildren;if(!t||U.has(e))return;U.add(e),G.value=new Set(G.value).add(e);const n=()=>{const t=new Set(G.value);t.delete(e),G.value=t};Promise.resolve(t(e)).then(()=>{n(),o(M.getLoadedLabel(e))},t=>{U.delete(e),n(),S("load-error",{nodeId:e,error:t})})}function ne(e,t){Z(t?[...B.value,e]:B.value.filter(t=>t!==e)),t&&te(e)}let ae=null;function oe(e){if("none"===M.selectionMode)return;ae=e;const t=F.value;if("multiple"===M.selectionMode&&R.value){const n=!0!==Y(e),a=new Set(t);for(const t of[e,...W(e)])n?a.add(t):a.delete(t);return void ee([...a])}ee("single"===M.selectionMode?[e]:t.includes(e)?t.filter(t=>t!==e):[...t,e])}function le(e){if("multiple"!==M.selectionMode)return;const t=e[e.length-1];void 0!==t&&(ae=t),ee([.../* @__PURE__ */new Set([...F.value,...e])])}function de(e){S("activate",e)}const re=g(/* @__PURE__ */new Map);function ue(){if(!D.value)return;const e=function(e){const t=/* @__PURE__ */new Map;for(const n of e.querySelectorAll(x)){const e=A(n);if(!e)continue;const a=n.getAttribute("data-skdx-tree-parent-id")??"",o=t.get(a);o?o.push(e):t.set(a,[e])}const n=/* @__PURE__ */new Map;for(const e of t.values())e.forEach((t,a)=>{n.set(t,{posinset:a+1,setsize:e.length})});return n}(D.value);(function(e,t){if(e.size!==t.size)return!1;for(const[n,a]of e){const e=t.get(n);if(!e||e.posinset!==a.posinset||e.setsize!==a.setsize)return!1}return!0})(re.value,e)||(re.value=e)}function ie(){const e=D.value;if(!e)return;const t=Array.from(e.querySelectorAll(L.value),e=>e.getAttribute("data-skdx-tree-node-id")).filter(e=>null!==e&&""!==e);if(0===t.length)return;const n=C.value;null!==n&&t.includes(n)||(C.value=t.find(e=>j.value.has(e))??t[0])}f(ue),v(ue),y([B,X],ue,{flush:"post"}),f(ie),v(ie),y([B,N,X],ie,{flush:"post"});const se=a();function ce(t){const a=e(t.key,t.currentTarget,E()),o=D.value,l=t.target;if(!o||!l.matches('[role="treeitem"]'))return;const d=Array.from(o.querySelectorAll(L.value)),r=d.indexOf(l),u=A(l),i=l.getAttribute("data-skdx-tree-parent-id")||"",s="multiple"===M.selectionMode;if(s&&t.shiftKey&&("ArrowDown"===a||"ArrowUp"===a)){t.preventDefault();const e=d[r+("ArrowDown"===a?1:-1)];return void(e&&(e.focus(),oe(A(e))))}if(s&&t.shiftKey&&" "===t.key){t.preventDefault();const e=d.map(A),n=null===ae?-1:e.indexOf(ae),a=e.indexOf(u);return void(-1===n||-1===a?oe(u):le(e.slice(Math.min(n,a),Math.max(n,a)+1)))}if(s&&t.shiftKey&&("Home"===t.key||"End"===t.key)){t.preventDefault();const e="Home"===t.key?0:d.length-1;return le(d.slice(Math.min(r,e),Math.max(r,e)+1).map(A)),void d[e]?.focus()}if(s&&(t.ctrlKey||t.metaKey)&&"a"===t.key.toLowerCase())return t.preventDefault(),void function(e){if("multiple"!==M.selectionMode||0===e.length)return;const t=new Set(F.value);e.every(e=>t.has(e))?ee(F.value.filter(t=>!e.includes(t))):ee([.../* @__PURE__ */new Set([...F.value,...e])])}(d.map(A));if("ArrowDown"===a)return t.preventDefault(),void d[r+1]?.focus();if("ArrowUp"===a)return t.preventDefault(),void d[r-1]?.focus();if("Home"===a)return t.preventDefault(),void d[0]?.focus();if("End"===a)return t.preventDefault(),void d[d.length-1]?.focus();const c=l.getAttribute("aria-expanded"),f=null!==c,v="true"===c;if("ArrowRight"===a)t.preventDefault(),f&&!v?ne(u,!0):d[r+1]?.focus();else if("ArrowLeft"===a)t.preventDefault(),f&&v?ne(u,!1):i&&d.find(e=>A(e)===i)?.focus();else if("Enter"===t.key||" "===t.key){if(t.preventDefault(),l.hasAttribute("data-disabled"))return;oe(u),"Enter"===t.key&&de(u)}else if("*"===t.key)t.preventDefault(),function(e){if(0!==e.length){Z([.../* @__PURE__ */new Set([...B.value,...e])]);for(const t of e)te(t)}}(Array.from(o.querySelectorAll(x)).filter(e=>(e.getAttribute("data-skdx-tree-parent-id")||"")===i&&"false"===e.getAttribute("aria-expanded")).map(A));else if(n(t)){const e=se(t.key,d.map(b),r);if(-1===e)return;t.preventDefault(),d[e]?.focus()}}return c({el:D,invalidate:function(e){if(void 0!==e){U.delete(e);for(const t of W(e))U.delete(t)}else U.clear()}}),h(l,{get selectionMode(){return M.selectionMode},get selectionPropagation(){return M.selectionPropagation},expandedIds:K,selectedIds:j,loadingIds:G,activeNodeId:C,setActiveNodeId:function(e){C.value=e},get disabledBehavior(){return M.disabledBehavior},get expandOnClick(){return M.expandOnClick},onExpandedChange:ne,onSelectedChange:oe,onActivate:de,checkedState:Y,positionOf:function(e){return re.value.get(e)},registerNode:function(e,t){X.value.get(e)!==t&&(X.value=new Map(X.value).set(e,t))},unregisterNode:function(e){if(!X.value.has(e))return;const t=new Map(X.value);t.delete(e),X.value=t}}),(e,t)=>(p(),s("div",{class:"skdx-tree","data-part":"root","data-skdx-component":"tree",ref_key:"rootRef",ref:D,role:"tree","aria-multiselectable":"multiple"===d.selectionMode||void 0,onKeydown:ce},[d.collection?(p(),i(k(r),{key:0,nodes:d.collection,"render-label":d.renderLabel},null,8,["nodes","render-label"])):m(e.$slots,"default",{key:1})],40,w))}});export{I as default};
+import{announce as e}from"../utils/liveAnnouncer.js";import{directionalKey as t,useDirection as n}from"../utils/direction.js";import{isTypeaheadKey as o}from"../utils/typeahead.js";import{useTypeahead as a}from"../utils/useTypeahead.js";import{TREE_CONTEXT as l,defaultGetLoadedLabel as r}from"./context.js";import d from"./nodes.js";import{computed as u,createBlock as s,createElementBlock as i,defineComponent as c,onMounted as f,onUpdated as p,openBlock as v,provide as h,ref as g,renderSlot as m,shallowRef as y,unref as k,watch as w}from"vue";var x=["aria-multiselectable"],A='[role="treeitem"]',I=/* @__PURE__ */c({__name:"Tree",props:{selectionMode:{default:"single"},collection:{default:void 0},renderLabel:{type:Function,default:void 0},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},selectedIds:{default:void 0},defaultSelectedIds:{default:()=>[]},checkedIds:{default:void 0},defaultCheckedIds:{default:void 0},selectionPropagation:{default:"none"},loadChildren:{type:Function,default:void 0},getLoadedLabel:{type:Function,default:r},disabledBehavior:{default:"all"},expandOnClick:{type:Boolean,default:!0}},emits:["update:expandedIds","expanded-ids-change","update:selectedIds","selected-ids-change","update:checkedIds","checked-ids-change","activate","load-error"],setup(r,{expose:c,emit:I}){function b(e){return e.getAttribute("data-skdx-tree-node-id")??""}function M(e){const t=e.getAttribute("data-text-value");if(null!==t)return t;let n="";for(const t of e.childNodes){if(1!==t.nodeType&&3!==t.nodeType)continue;const e=1===t.nodeType?t:null;e&&("group"===e.getAttribute("role")||"true"===e.getAttribute("aria-hidden"))||(n+=t.textContent??"")}return n}const S=r,D=I,C=g(null),E=g(null),T=n(),L=u(()=>"selection"===S.disabledBehavior?A:'[role="treeitem"]:not([data-disabled])'),B=g(S.defaultExpandedIds),K=u(()=>S.expandedIds??B.value),O=u(()=>new Set(K.value)),j=g(S.defaultSelectedIds),N=u(()=>S.selectedIds??j.value),z=u(()=>new Set(N.value)),P=u(()=>void 0!==S.checkedIds||void 0!==S.defaultCheckedIds),R=g(S.defaultCheckedIds??[]),q=u(()=>S.checkedIds??R.value),_=u(()=>new Set(q.value)),F=u(()=>P.value?q.value:N.value),H=u(()=>P.value?_.value:z.value),U=u(()=>"descendants"===S.selectionPropagation),G=/* @__PURE__ */new Set,X=y(/* @__PURE__ */new Set),$=y(/* @__PURE__ */new Map),J=u(()=>{const e=/* @__PURE__ */new Map;for(const[t,n]of $.value){if(null===n)continue;const o=e.get(n);o?o.push(t):e.set(n,[t])}return e}),Q=/* @__PURE__ */new Map,V=u(()=>{for(const e of $.value.keys())O.value.has(e)&&Q.set(e,[...J.value.get(e)??[]]);return Q});function W(e){return J.value.get(e)??V.value.get(e)??[]}function Y(e){const t=[],n=/* @__PURE__ */new Set([e]),o=[...W(e)];for(;o.length>0;){const e=o.pop();n.has(e)||(n.add(e),t.push(e),o.push(...W(e)))}return t}function Z(e){if(!U.value)return!1;const t=H.value,n=Y(e);if(0===n.length)return t.has(e);const o=n.filter(e=>t.has(e)).length;return 0!==o&&(o===n.length||"mixed")}function ee(e){void 0===S.expandedIds&&(B.value=e),D("update:expandedIds",e),D("expanded-ids-change",e)}function te(e){P.value?function(e){void 0===S.checkedIds&&(R.value=e),D("update:checkedIds",e),D("checked-ids-change",e)}(e):function(e){void 0===S.selectedIds&&(j.value=e),D("update:selectedIds",e),D("selected-ids-change",e)}(e)}function ne(t){const n=S.loadChildren;if(!n||G.has(t))return;G.add(t),X.value=new Set(X.value).add(t);const o=()=>{const e=new Set(X.value);e.delete(t),X.value=e};Promise.resolve(n(t)).then(()=>{o(),e(S.getLoadedLabel(t))},e=>{G.delete(t),o(),D("load-error",{nodeId:t,error:e})})}function oe(e,t){ee(t?[...K.value,e]:K.value.filter(t=>t!==e)),t&&ne(e)}let ae=null;function le(e){if("none"===S.selectionMode)return;ae=e;const t=F.value;if("multiple"===S.selectionMode&&U.value){const n=!0!==Z(e),o=new Set(t);for(const t of[e,...Y(e)])n?o.add(t):o.delete(t);return void te([...o])}let n;n="single"===S.selectionMode?[e]:t.includes(e)?t.filter(t=>t!==e):[...t,e],te(n)}function re(e){if("multiple"!==S.selectionMode)return;const t=e[e.length-1];void 0!==t&&(ae=t),te([.../* @__PURE__ */new Set([...F.value,...e])])}function de(e){D("activate",e)}const ue=y(/* @__PURE__ */new Map);function se(){if(!C.value)return;const e=function(e){const t=/* @__PURE__ */new Map;for(const n of e.querySelectorAll(A)){const e=b(n);if(!e)continue;const o=n.getAttribute("data-skdx-tree-parent-id")??"",a=t.get(o);a?a.push(e):t.set(o,[e])}const n=/* @__PURE__ */new Map;for(const e of t.values())e.forEach((t,o)=>{n.set(t,{posinset:o+1,setsize:e.length})});return n}(C.value);(function(e,t){if(e.size!==t.size)return!1;for(const[n,o]of e){const e=t.get(n);if(!e||e.posinset!==o.posinset||e.setsize!==o.setsize)return!1}return!0})(ue.value,e)||(ue.value=e)}function ie(){const e=C.value;if(!e)return;const t=Array.from(e.querySelectorAll(L.value),e=>e.getAttribute("data-skdx-tree-node-id")).filter(e=>null!==e&&""!==e);if(0===t.length)return;const n=E.value;null!==n&&t.includes(n)||(E.value=t.find(e=>z.value.has(e))??t[0])}f(se),p(se),w([K,$],se,{flush:"post"}),f(ie),p(ie),w([K,N,$],ie,{flush:"post"});const ce=a();function fe(e,t,n,o,a){return"multiple"===S.selectionMode&&(function(e,t,n,o){if(!e.shiftKey||"ArrowDown"!==t&&"ArrowUp"!==t)return!1;e.preventDefault();const a=n[o+("ArrowDown"===t?1:-1)];return a&&(a.focus(),le(b(a))),!0}(e,t,n,o)||function(e,t,n){if(!e.shiftKey||" "!==e.key)return!1;e.preventDefault();const o=t.map(b),a=null===ae?-1:o.indexOf(ae),l=o.indexOf(n);return-1===a||-1===l?le(n):re(o.slice(Math.min(a,l),Math.max(a,l)+1)),!0}(e,n,a)||function(e,t,n){if(!e.shiftKey||"Home"!==e.key&&"End"!==e.key)return!1;e.preventDefault();const o="Home"===e.key?0:t.length-1;return re(t.slice(Math.min(n,o),Math.max(n,o)+1).map(b)),t[o]?.focus(),!0}(e,n,o)||function(e,t){return!(!e.ctrlKey&&!e.metaKey||"a"!==e.key.toLowerCase()||(e.preventDefault(),function(e){if("multiple"!==S.selectionMode||0===e.length)return;const t=new Set(F.value);e.every(e=>t.has(e))?te(F.value.filter(t=>!e.includes(t))):te([.../* @__PURE__ */new Set([...F.value,...e])])}(t.map(b)),0))}(e,n))}function pe(e){const n=t(e.key,e.currentTarget,T()),a=C.value,l=e.target;if(!a||!l.matches('[role="treeitem"]'))return;const r=Array.from(a.querySelectorAll(L.value)),d=r.indexOf(l),u=b(l),s=l.getAttribute("data-skdx-tree-parent-id")||"";fe(e,n,r,d,u)||function(e,t,n,o){return"ArrowDown"===t?(e.preventDefault(),n[o+1]?.focus(),!0):"ArrowUp"===t?(e.preventDefault(),n[o-1]?.focus(),!0):"Home"===t?(e.preventDefault(),n[0]?.focus(),!0):"End"===t&&(e.preventDefault(),n[n.length-1]?.focus(),!0)}(e,n,r,d)||function(e,t,n,o,a){if("ArrowRight"!==t&&"ArrowLeft"!==t)return!1;e.preventDefault();const l=b(n),r=n.getAttribute("aria-expanded"),d=null!==r,u="true"===r;if("ArrowRight"===t)return d&&!u?oe(l,!0):o[a+1]?.focus(),!0;if(d&&u)oe(l,!1);else{const e=n.getAttribute("data-skdx-tree-parent-id")||"";e&&o.find(t=>b(t)===e)?.focus()}return!0}(e,n,l,r,d)||function(e,t,n){return("Enter"===e.key||" "===e.key)&&(e.preventDefault(),t.hasAttribute("data-disabled")||(le(n),"Enter"===e.key&&de(n)),!0)}(e,l,u)||function(e,t,n){return"*"===e.key&&(e.preventDefault(),function(e){if(0!==e.length){ee([.../* @__PURE__ */new Set([...K.value,...e])]);for(const t of e)ne(t)}}(Array.from(t.querySelectorAll(A)).filter(e=>(e.getAttribute("data-skdx-tree-parent-id")||"")===n&&"false"===e.getAttribute("aria-expanded")).map(b)),!0)}(e,a,s)||o(e)&&function(e,t,n){const o=ce(e.key,t.map(M),n);-1!==o&&(e.preventDefault(),t[o]?.focus())}(e,r,d)}return c({el:C,invalidate:function(e){if(void 0!==e){G.delete(e);for(const t of Y(e))G.delete(t)}else G.clear()}}),h(l,{get selectionMode(){return S.selectionMode},get selectionPropagation(){return S.selectionPropagation},expandedIds:O,selectedIds:z,loadingIds:X,activeNodeId:E,setActiveNodeId:function(e){E.value=e},get disabledBehavior(){return S.disabledBehavior},get expandOnClick(){return S.expandOnClick},onExpandedChange:oe,onSelectedChange:le,onActivate:de,checkedState:Z,positionOf:function(e){return ue.value.get(e)},registerNode:function(e,t){$.value.get(e)!==t&&($.value=new Map($.value).set(e,t))},unregisterNode:function(e){if(!$.value.has(e))return;const t=new Map($.value);t.delete(e),$.value=t}}),(e,t)=>(v(),i("div",{ref_key:"rootRef",ref:C,class:"skdx-tree","data-part":"root","data-skdx-component":"tree",role:"tree","aria-multiselectable":"multiple"===r.selectionMode||void 0,onKeydown:pe},[r.collection?(v(),s(k(d),{key:0,nodes:r.collection,"render-label":r.renderLabel},null,8,["nodes","render-label"])):m(e.$slots,"default",{key:1})],40,x))}});export{I as default};

package/dist/tree/TreeGroup.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * Container for nested `SkdxTreeItem`s: unmounted while parent collapsed (unless
- * `forceMount`). Increments depth (`aria-level`) and sets as parent node via context.
- * Must be used in `SkdxTreeItem`.
- */
+/** Container for nested `SkdxTreeItem`s, unmounted while its parent is collapsed unless `forceMount`. */
 type __VLS_Props = {
     /** Keep this group mounted even while its parent item is collapsed, instead of unmounting it. */
     forceMount?: boolean;

package/dist/tree/TreeGroup.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * Container for nested `SkdxTreeItem`s: unmounted while parent collapsed (unless
- * `forceMount`). Increments depth (`aria-level`) and sets as parent node via context.
- * Must be used in `SkdxTreeItem`.
- */
+/** Container for nested `SkdxTreeItem`s, unmounted while its parent is collapsed unless `forceMount`. */
 type __VLS_Props = {
     /** Keep this group mounted even while its parent item is collapsed, instead of unmounting it. */
     forceMount?: boolean;

package/dist/tree/TreeGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let e=require("vue");var d={key:0,class:"skdx-tree__group","data-part":"group",role:"group"},a=(0,e.defineComponent)({__name:"TreeGroup",props:{forceMount:{type:Boolean,default:!1}},setup(o){const u=o,t=(0,e.inject)(r.TREE_ITEM_CONTEXT);if(!t)throw new Error("SkdxTreeGroup must be used within SkdxTreeItem.");const n=(0,e.computed)(()=>u.forceMount||t.expanded);return(0,e.provide)(r.TREE_AMBIENT_CONTEXT,{get depth(){return t.depth+1},get parentId(){return t.nodeId}}),(p,_)=>n.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",d,[(0,e.renderSlot)(p.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=a;
+const p=require("../utils/injectRequired.cjs"),t=require("./context.cjs");let e=require("vue");var _={key:0,class:"skdx-tree__group","data-part":"group",role:"group"},a=(0,e.defineComponent)({__name:"TreeGroup",props:{forceMount:{type:Boolean,default:!1}},setup(o){const u=o,r=p.injectRequired(t.TREE_ITEM_CONTEXT,"SkdxTreeGroup must be used within SkdxTreeItem."),n=(0,e.computed)(()=>u.forceMount||r.expanded);return(0,e.provide)(t.TREE_AMBIENT_CONTEXT,{get depth(){return r.depth+1},get parentId(){return r.nodeId}}),(d,s)=>n.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",_,[(0,e.renderSlot)(d.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=a;

package/dist/tree/TreeGroup.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TREE_AMBIENT_CONTEXT as e,TREE_ITEM_CONTEXT as t}from"./context.js";import{computed as r,createCommentVNode as o,createElementBlock as a,defineComponent as n,inject as s,openBlock as d,provide as p,renderSlot as u}from"vue";var c={key:0,class:"skdx-tree__group","data-part":"group",role:"group"},l=/* @__PURE__ */n({__name:"TreeGroup",props:{forceMount:{type:Boolean,default:!1}},setup(n){const l=n,m=s(t);if(!m)throw new Error("SkdxTreeGroup must be used within SkdxTreeItem.");const T=r(()=>l.forceMount||m.expanded);return p(e,{get depth(){return m.depth+1},get parentId(){return m.nodeId}}),(e,t)=>T.value?(d(),a("div",c,[u(e.$slots,"default")])):o("",!0)}});export{l as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_AMBIENT_CONTEXT as t,TREE_ITEM_CONTEXT as r}from"./context.js";import{computed as o,createCommentVNode as a,createElementBlock as s,defineComponent as d,openBlock as n,provide as p,renderSlot as u}from"vue";var m={key:0,class:"skdx-tree__group","data-part":"group",role:"group"},i=/* @__PURE__ */d({__name:"TreeGroup",props:{forceMount:{type:Boolean,default:!1}},setup(d){const i=d,l=e(r,"SkdxTreeGroup must be used within SkdxTreeItem."),c=o(()=>i.forceMount||l.expanded);return p(t,{get depth(){return l.depth+1},get parentId(){return l.nodeId}}),(e,t)=>c.value?(n(),s("div",m,[u(e.$slots,"default")])):a("",!0)}});export{i as default};

package/dist/tree/TreeItem.vue.d.cts

@@ -1,35 +1,22 @@
-/**
- * Tree node: role="treeitem" with aria-level, aria-posinset / aria-setsize,
- * aria-selected (or aria-checked under descendants mode), aria-expanded (if has
- * children), data-state (expanded / collapsed), data-disabled. Click selects
- * and toggles expansion; focus makes it active. Lazy branches declare
- * has-children=true before loading.
- */
+/** Tree node, `role="treeitem"`, where click selects and toggles expansion and focus makes it active. */
 type __VLS_Props = {
     /** Node identity (tracked in tree state). */
     nodeId: string;
-    /**
-     * Excludes node from selection / activation (not inherited; subtree navigable).
-     */
-    disabled?: boolean;
-    /**
-     * Typeahead text (instead of rendered label).
-     */
-    textValue?: string;
-    /**
-     * Declare as branch (overrides nested-group scan). True for lazy loading
-     * (aria-expanded, ArrowRight accept without group mounted).
-     */
-    hasChildren?: boolean;
+    /** Excludes node from selection and activation; not inherited, so the subtree stays navigable. */
+    disabled?: boolean | undefined;
+    /** Typeahead text, used instead of the rendered label. */
+    textValue?: string | undefined;
+    /** Declares this node as a branch, overriding the nested-group scan; needed for lazy loading. */
+    hasChildren?: boolean | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
-    textValue: string;
-    hasChildren: boolean;
+    disabled: boolean | undefined;
+    textValue: string | undefined;
+    hasChildren: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tree/TreeItem.vue.d.ts

@@ -1,35 +1,22 @@
-/**
- * Tree node: role="treeitem" with aria-level, aria-posinset / aria-setsize,
- * aria-selected (or aria-checked under descendants mode), aria-expanded (if has
- * children), data-state (expanded / collapsed), data-disabled. Click selects
- * and toggles expansion; focus makes it active. Lazy branches declare
- * has-children=true before loading.
- */
+/** Tree node, `role="treeitem"`, where click selects and toggles expansion and focus makes it active. */
 type __VLS_Props = {
     /** Node identity (tracked in tree state). */
     nodeId: string;
-    /**
-     * Excludes node from selection / activation (not inherited; subtree navigable).
-     */
-    disabled?: boolean;
-    /**
-     * Typeahead text (instead of rendered label).
-     */
-    textValue?: string;
-    /**
-     * Declare as branch (overrides nested-group scan). True for lazy loading
-     * (aria-expanded, ArrowRight accept without group mounted).
-     */
-    hasChildren?: boolean;
+    /** Excludes node from selection and activation; not inherited, so the subtree stays navigable. */
+    disabled?: boolean | undefined;
+    /** Typeahead text, used instead of the rendered label. */
+    textValue?: string | undefined;
+    /** Declares this node as a branch, overriding the nested-group scan; needed for lazy loading. */
+    hasChildren?: boolean | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
-    textValue: string;
-    hasChildren: boolean;
+    disabled: boolean | undefined;
+    textValue: string | undefined;
+    hasChildren: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;