@skdx/vue 0.27.0 → 0.29.0

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

@@ -1,89 +1,78 @@
-import { type TreeSelectionMode, type TreeSelectionPropagation } from './context.cjs';
-/**
- * The Vue implementation of the shared Tree contract (see `@skdx/shared`'s
- * `treeContract`). WAI-ARIA `treeview` pattern: a single tab stop with
- * roving tabindex over the currently *visible* items (collapsed subtrees
- * aren't rendered, so they fall out of the roving set for free). Renders
- * `<div role="tree">`, owning expanded/selected/active-node state and
- * handing it down to `SkdxTreeItem` / `SkdxTreeGroup` / `SkdxTreeItemIndicator`
- * via context.
- *
- * ArrowUp/ArrowDown/Home/End move focus; ArrowRight expands a collapsed node
- * (or moves to its first child if already expanded); ArrowLeft collapses an
- * expanded node (or moves focus to its parent); Enter/Space select the
- * focused node; printable characters run typeahead over the visible nodes'
- * labels; `*` expands every collapsed sibling of the focused node. Under
- * `selection-mode="multiple"`, Shift+ArrowUp/ArrowDown moves focus and
- * toggles the node it lands on, Shift+Home/End selects through to the
- * first/last node, Ctrl+A selects every visible node, and
- * Ctrl+ArrowUp/ArrowDown moves focus without touching the selection.
- * Expansion and selection each work controlled
- * (`v-model:expanded-ids`/`v-model:selected-ids`) or uncontrolled
- * (`default-expanded-ids`/`default-selected-ids`).
- *
- * `load-children` lazily populates a branch the first time it expands, marking
- * the node `aria-busy` meanwhile and announcing when its children arrive.
- * `selection-propagation="descendants"` turns it into a tri-state checkbox tree.
- */
+import { type TreeDisabledBehavior, type TreeLoadErrorDetail, type TreeNode, type TreeRenderLabel, type TreeSelectionMode, type TreeSelectionPropagation } from './context.cjs';
+/** 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[] | undefined;
+    /** Renders collection node content; ignored without `collection`. */
+    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[];
-    /**
-     * Turns the tree into a tri-state checkbox tree: toggling a node selects or
-     * deselects its whole subtree, and each node reports `aria-checked` of
-     * `true`/`false`/`"mixed"` derived from its descendants. Only meaningful
-     * with `selection-mode="multiple"`; ignored otherwise.
-     */
+    /** 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[] | 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 is expanded. Return a promise
-     * to mark the node busy (`aria-busy="true"` plus `data-loading`) until it
-     * settles; when it resolves, `getLoadedLabel` is announced through the
-     * shared live region. A rejected promise clears the busy state, announces
-     * nothing, and leaves the node eligible to retry on the next expand.
-     *
-     * The node still needs an `SkdxTreeGroup` child to be expandable at all —
-     * render an empty one and fill it in when the promise resolves.
-     */
-    loadChildren?: (nodeId: string) => void | Promise<void>;
-    /**
-     * Formats the message announced when a lazily-loaded node's children
-     * arrive — newly rendered children are otherwise silent. Return an empty
-     * string to announce nothing.
-     */
+    /** 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. */
+    disabledBehavior?: TreeDisabledBehavior;
+    /** Whether clicking a branch expands and collapses it. */
+    expandOnClick?: boolean;
 };
-declare var __VLS_1: {};
+declare function invalidate(nodeId?: string): void;
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Root `<div role="tree">` element. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    /** 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;
+    "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;
+    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[] | undefined;
     selectionMode: TreeSelectionMode;
-    expandedIds: string[];
+    renderLabel: TreeRenderLabel | undefined;
+    expandedIds: string[] | undefined;
     defaultExpandedIds: string[];
-    selectedIds: string[];
+    selectedIds: string[] | undefined;
     defaultSelectedIds: string[];
+    checkedIds: string[] | undefined;
+    defaultCheckedIds: string[] | undefined;
     selectionPropagation: TreeSelectionPropagation;
-    loadChildren: (nodeId: string) => void | Promise<void>;
+    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,89 +1,78 @@
-import { type TreeSelectionMode, type TreeSelectionPropagation } from './context.js';
-/**
- * The Vue implementation of the shared Tree contract (see `@skdx/shared`'s
- * `treeContract`). WAI-ARIA `treeview` pattern: a single tab stop with
- * roving tabindex over the currently *visible* items (collapsed subtrees
- * aren't rendered, so they fall out of the roving set for free). Renders
- * `<div role="tree">`, owning expanded/selected/active-node state and
- * handing it down to `SkdxTreeItem` / `SkdxTreeGroup` / `SkdxTreeItemIndicator`
- * via context.
- *
- * ArrowUp/ArrowDown/Home/End move focus; ArrowRight expands a collapsed node
- * (or moves to its first child if already expanded); ArrowLeft collapses an
- * expanded node (or moves focus to its parent); Enter/Space select the
- * focused node; printable characters run typeahead over the visible nodes'
- * labels; `*` expands every collapsed sibling of the focused node. Under
- * `selection-mode="multiple"`, Shift+ArrowUp/ArrowDown moves focus and
- * toggles the node it lands on, Shift+Home/End selects through to the
- * first/last node, Ctrl+A selects every visible node, and
- * Ctrl+ArrowUp/ArrowDown moves focus without touching the selection.
- * Expansion and selection each work controlled
- * (`v-model:expanded-ids`/`v-model:selected-ids`) or uncontrolled
- * (`default-expanded-ids`/`default-selected-ids`).
- *
- * `load-children` lazily populates a branch the first time it expands, marking
- * the node `aria-busy` meanwhile and announcing when its children arrive.
- * `selection-propagation="descendants"` turns it into a tri-state checkbox tree.
- */
+import { type TreeDisabledBehavior, type TreeLoadErrorDetail, type TreeNode, type TreeRenderLabel, type TreeSelectionMode, type TreeSelectionPropagation } from './context.js';
+/** 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[] | undefined;
+    /** Renders collection node content; ignored without `collection`. */
+    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[];
-    /**
-     * Turns the tree into a tri-state checkbox tree: toggling a node selects or
-     * deselects its whole subtree, and each node reports `aria-checked` of
-     * `true`/`false`/`"mixed"` derived from its descendants. Only meaningful
-     * with `selection-mode="multiple"`; ignored otherwise.
-     */
+    /** 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[] | 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 is expanded. Return a promise
-     * to mark the node busy (`aria-busy="true"` plus `data-loading`) until it
-     * settles; when it resolves, `getLoadedLabel` is announced through the
-     * shared live region. A rejected promise clears the busy state, announces
-     * nothing, and leaves the node eligible to retry on the next expand.
-     *
-     * The node still needs an `SkdxTreeGroup` child to be expandable at all —
-     * render an empty one and fill it in when the promise resolves.
-     */
-    loadChildren?: (nodeId: string) => void | Promise<void>;
-    /**
-     * Formats the message announced when a lazily-loaded node's children
-     * arrive — newly rendered children are otherwise silent. Return an empty
-     * string to announce nothing.
-     */
+    /** 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. */
+    disabledBehavior?: TreeDisabledBehavior;
+    /** Whether clicking a branch expands and collapses it. */
+    expandOnClick?: boolean;
 };
-declare var __VLS_1: {};
+declare function invalidate(nodeId?: string): void;
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Root `<div role="tree">` element. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    /** 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;
+    "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;
+    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[] | undefined;
     selectionMode: TreeSelectionMode;
-    expandedIds: string[];
+    renderLabel: TreeRenderLabel | undefined;
+    expandedIds: string[] | undefined;
     defaultExpandedIds: string[];
-    selectedIds: string[];
+    selectedIds: string[] | undefined;
     defaultSelectedIds: string[];
+    checkedIds: string[] | undefined;
+    defaultCheckedIds: string[] | undefined;
     selectionPropagation: TreeSelectionPropagation;
-    loadChildren: (nodeId: string) => void | Promise<void>;
+    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 B=require("../utils/direction.cjs"),re=require("../utils/useRovingFocus.cjs"),F=require("../utils/useTypeahead.cjs"),se=require("../utils/liveAnnouncer.cjs"),H=require("./context.cjs");let s=require("vue");var ae=["aria-multiselectable"],U='[role="treeitem"]:not([data-disabled])',G='[role="treeitem"]',ie=(0,s.defineComponent)({__name:"Tree",props:{selectionMode:{default:"single"},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},selectedIds:{default:void 0},defaultSelectedIds:{default:()=>[]},selectionPropagation:{default:"none"},loadChildren:{type:Function,default:void 0},getLoadedLabel:{type:Function,default:H.defaultGetLoadedLabel}},emits:["update:expandedIds","expanded-ids-change","update:selectedIds","selected-ids-change"],setup(E,{emit:X}){function d(e){return e.getAttribute("data-skdx-tree-node-id")??""}function Y(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 $(e){const t=new Map;for(const n of e.querySelectorAll(G)){const o=d(n);if(!o)continue;const u=n.getAttribute("data-skdx-tree-parent-id")??"",f=t.get(u);f?f.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 j(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 a=E,h=X,p=(0,s.ref)(null),v=(0,s.ref)(null),J=B.useDirection(),D=(0,s.ref)(a.defaultExpandedIds),c=(0,s.computed)(()=>a.expandedIds??D.value),Q=(0,s.computed)(()=>new Set(c.value)),T=(0,s.ref)(a.defaultSelectedIds),m=(0,s.computed)(()=>a.selectedIds??T.value),y=(0,s.computed)(()=>new Set(m.value)),q=(0,s.computed)(()=>a.selectionPropagation==="descendants"),x=new Set,g=(0,s.ref)(new Set),l=(0,s.ref)(new Map);function V(e,t){l.value.get(e)!==t&&(l.value=new Map(l.value).set(e,t))}function W(e){if(!l.value.has(e))return;const t=new Map(l.value);t.delete(e),l.value=t}const C=(0,s.computed)(()=>{const e=new Map;for(const[t,r]of l.value){if(r===null)continue;const n=e.get(r);n?n.push(t):e.set(r,[t])}return e});function L(e){const t=[],r=[...C.value.get(e)??[]];for(;r.length>0;){const n=r.pop();t.push(n),r.push(...C.value.get(n)??[])}return t}function P(e){if(!q.value)return!1;const t=L(e);if(t.length===0)return y.value.has(e);const r=t.filter(n=>y.value.has(n)).length;return r===0?!1:r===t.length?!0:"mixed"}function I(e){a.expandedIds===void 0&&(D.value=e),h("update:expandedIds",e),h("expanded-ids-change",e)}function w(e){a.selectedIds===void 0&&(T.value=e),h("update:selectedIds",e),h("selected-ids-change",e)}function K(e){const t=a.loadChildren;if(!t||x.has(e))return;x.add(e),g.value=new Set(g.value).add(e);const r=()=>{const n=new Set(g.value);n.delete(e),g.value=n};Promise.resolve(t(e)).then(()=>{r(),se.announce(a.getLoadedLabel(e))},()=>{x.delete(e),r()})}function A(e,t){I(t?[...c.value,e]:c.value.filter(r=>r!==e)),t&&K(e)}function Z(e){if(e.length!==0){I([...new Set([...c.value,...e])]);for(const t of e)K(t)}}function M(e){if(a.selectionMode==="none")return;const t=m.value;if(a.selectionMode==="multiple"&&q.value){const r=P(e)!==!0,n=new Set(t);for(const o of[e,...L(e)])r?n.add(o):n.delete(o);w([...n]);return}w(a.selectionMode==="single"?[e]:t.includes(e)?t.filter(r=>r!==e):[...t,e])}function R(e){a.selectionMode==="multiple"&&w([...new Set([...m.value,...e])])}function ee(e){v.value=e}const k=(0,s.ref)(new Map);function S(){if(!p.value)return;const e=$(p.value);j(k.value,e)||(k.value=e)}function te(e){return k.value.get(e)}(0,s.onMounted)(S),(0,s.onUpdated)(S),(0,s.watch)([c,l],S,{flush:"post"}),(0,s.watch)(c,re.useRovingTabStop(p,U,"data-skdx-tree-node-id",v),{flush:"post"});const ne=F.useTypeahead();function oe(e){const t=B.directionalKey(e.key,e.currentTarget,J()),r=p.value,n=e.target;if(!r||!n.matches('[role="treeitem"]'))return;const o=Array.from(r.querySelectorAll(U)),u=o.indexOf(n),f=d(n),_=n.getAttribute("data-skdx-tree-parent-id")||"",b=a.selectionMode==="multiple";if(b&&e.shiftKey&&(t==="ArrowDown"||t==="ArrowUp")){e.preventDefault();const i=o[u+(t==="ArrowDown"?1:-1)];i&&(i.focus(),M(d(i)));return}if(b&&e.shiftKey&&(e.key==="Home"||e.key==="End")){e.preventDefault();const i=e.key==="Home"?0:o.length-1;R(o.slice(Math.min(u,i),Math.max(u,i)+1).map(d)),o[i]?.focus();return}if(b&&(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),R(o.map(d));return}if(t==="ArrowDown"){e.preventDefault(),o[u+1]?.focus();return}if(t==="ArrowUp"){e.preventDefault(),o[u-1]?.focus();return}if(t==="Home"){e.preventDefault(),o[0]?.focus();return}if(t==="End"){e.preventDefault(),o[o.length-1]?.focus();return}const N=n.getAttribute("aria-expanded"),O=N!==null,z=N==="true";if(t==="ArrowRight")e.preventDefault(),O&&!z?A(f,!0):o[u+1]?.focus();else if(t==="ArrowLeft")e.preventDefault(),O&&z?A(f,!1):_&&o.find(i=>d(i)===_)?.focus();else if(e.key==="Enter"||e.key===" ")e.preventDefault(),M(f);else if(e.key==="*")e.preventDefault(),Z(Array.from(r.querySelectorAll(G)).filter(i=>(i.getAttribute("data-skdx-tree-parent-id")||"")===_&&i.getAttribute("aria-expanded")==="false").map(d));else if(F.isTypeaheadKey(e)){const i=ne(e.key,o.map(Y),u);if(i===-1)return;e.preventDefault(),o[i]?.focus()}}return(0,s.provide)(H.TREE_CONTEXT,{get selectionMode(){return a.selectionMode},get selectionPropagation(){return a.selectionPropagation},expandedIds:Q,selectedIds:y,loadingIds:g,activeNodeId:v,setActiveNodeId:ee,onExpandedChange:A,onSelectedChange:M,checkedState:P,positionOf:te,registerNode:V,unregisterNode:W}),(e,t)=>((0,s.openBlock)(),(0,s.createElementBlock)("div",{class:"skdx-tree","data-part":"root","data-skdx-component":"tree",ref_key:"rootRef",ref:p,role:"tree","aria-multiselectable":E.selectionMode==="multiple"?!0:void 0,onKeydown:oe},[(0,s.renderSlot)(e.$slots,"default")],40,ae))}});exports.default=ie;
+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{useRovingTabStop as n}from"../utils/useRovingFocus.js";import{isTypeaheadKey as o,useTypeahead as a}from"../utils/useTypeahead.js";import{announce as r}from"../utils/liveAnnouncer.js";import{TREE_CONTEXT as s,defaultGetLoadedLabel as u}from"./context.js";import{computed as d,createElementBlock as l,defineComponent as i,onMounted as c,onUpdated as f,openBlock as p,provide as v,ref as g,renderSlot as m,watch as h}from"vue";var w=["aria-multiselectable"],y='[role="treeitem"]:not([data-disabled])',x='[role="treeitem"]',A=/* @__PURE__ */i({__name:"Tree",props:{selectionMode:{default:"single"},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},selectedIds:{default:void 0},defaultSelectedIds:{default:()=>[]},selectionPropagation:{default:"none"},loadChildren:{type:Function,default:void 0},getLoadedLabel:{type:Function,default:u}},emits:["update:expandedIds","expanded-ids-change","update:selectedIds","selected-ids-change"],setup(u,{emit:i}){function A(e){return e.getAttribute("data-skdx-tree-node-id")??""}function k(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 I=u,M=i,S=g(null),b=g(null),D=t(),E=g(I.defaultExpandedIds),T=d(()=>I.expandedIds??E.value),C=d(()=>new Set(T.value)),L=g(I.defaultSelectedIds),K=d(()=>I.selectedIds??L.value),N=d(()=>new Set(K.value)),j=d(()=>"descendants"===I.selectionPropagation),z=/* @__PURE__ */new Set,P=g(/* @__PURE__ */new Set),R=g(/* @__PURE__ */new Map),_=d(()=>{const e=/* @__PURE__ */new Map;for(const[t,n]of R.value){if(null===n)continue;const o=e.get(n);o?o.push(t):e.set(n,[t])}return e});function q(e){const t=[],n=[..._.value.get(e)??[]];for(;n.length>0;){const e=n.pop();t.push(e),n.push(..._.value.get(e)??[])}return t}function F(e){if(!j.value)return!1;const t=q(e);if(0===t.length)return N.value.has(e);const n=t.filter(e=>N.value.has(e)).length;return 0!==n&&(n===t.length||"mixed")}function H(e){void 0===I.expandedIds&&(E.value=e),M("update:expandedIds",e),M("expanded-ids-change",e)}function O(e){void 0===I.selectedIds&&(L.value=e),M("update:selectedIds",e),M("selected-ids-change",e)}function U(e){const t=I.loadChildren;if(!t||z.has(e))return;z.add(e),P.value=new Set(P.value).add(e);const n=()=>{const t=new Set(P.value);t.delete(e),P.value=t};Promise.resolve(t(e)).then(()=>{n(),r(I.getLoadedLabel(e))},()=>{z.delete(e),n()})}function B(e,t){H(t?[...T.value,e]:T.value.filter(t=>t!==e)),t&&U(e)}function G(e){if("none"===I.selectionMode)return;const t=K.value;if("multiple"===I.selectionMode&&j.value){const n=!0!==F(e),o=new Set(t);for(const t of[e,...q(e)])n?o.add(t):o.delete(t);return void O([...o])}O("single"===I.selectionMode?[e]:t.includes(e)?t.filter(t=>t!==e):[...t,e])}function X(e){"multiple"===I.selectionMode&&O([.../* @__PURE__ */new Set([...K.value,...e])])}const $=g(/* @__PURE__ */new Map);function J(){if(!S.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 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}(S.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})($.value,e)||($.value=e)}c(J),f(J),h([T,R],J,{flush:"post"}),h(T,n(S,y,"data-skdx-tree-node-id",b),{flush:"post"});const Q=a();function V(t){const n=e(t.key,t.currentTarget,D()),a=S.value,r=t.target;if(!a||!r.matches('[role="treeitem"]'))return;const s=Array.from(a.querySelectorAll(y)),u=s.indexOf(r),d=A(r),l=r.getAttribute("data-skdx-tree-parent-id")||"",i="multiple"===I.selectionMode;if(i&&t.shiftKey&&("ArrowDown"===n||"ArrowUp"===n)){t.preventDefault();const e=s[u+("ArrowDown"===n?1:-1)];return void(e&&(e.focus(),G(A(e))))}if(i&&t.shiftKey&&("Home"===t.key||"End"===t.key)){t.preventDefault();const e="Home"===t.key?0:s.length-1;return X(s.slice(Math.min(u,e),Math.max(u,e)+1).map(A)),void s[e]?.focus()}if(i&&(t.ctrlKey||t.metaKey)&&"a"===t.key.toLowerCase())return t.preventDefault(),void X(s.map(A));if("ArrowDown"===n)return t.preventDefault(),void s[u+1]?.focus();if("ArrowUp"===n)return t.preventDefault(),void s[u-1]?.focus();if("Home"===n)return t.preventDefault(),void s[0]?.focus();if("End"===n)return t.preventDefault(),void s[s.length-1]?.focus();const c=r.getAttribute("aria-expanded"),f=null!==c,p="true"===c;if("ArrowRight"===n)t.preventDefault(),f&&!p?B(d,!0):s[u+1]?.focus();else if("ArrowLeft"===n)t.preventDefault(),f&&p?B(d,!1):l&&s.find(e=>A(e)===l)?.focus();else if("Enter"===t.key||" "===t.key)t.preventDefault(),G(d);else if("*"===t.key)t.preventDefault(),function(e){if(0!==e.length){H([.../* @__PURE__ */new Set([...T.value,...e])]);for(const t of e)U(t)}}(Array.from(a.querySelectorAll(x)).filter(e=>(e.getAttribute("data-skdx-tree-parent-id")||"")===l&&"false"===e.getAttribute("aria-expanded")).map(A));else if(o(t)){const e=Q(t.key,s.map(k),u);if(-1===e)return;t.preventDefault(),s[e]?.focus()}}return v(s,{get selectionMode(){return I.selectionMode},get selectionPropagation(){return I.selectionPropagation},expandedIds:C,selectedIds:N,loadingIds:P,activeNodeId:b,setActiveNodeId:function(e){b.value=e},onExpandedChange:B,onSelectedChange:G,checkedState:F,positionOf:function(e){return $.value.get(e)},registerNode:function(e,t){R.value.get(e)!==t&&(R.value=new Map(R.value).set(e,t))},unregisterNode:function(e){if(!R.value.has(e))return;const t=new Map(R.value);t.delete(e),R.value=t}}),(e,t)=>(p(),l("div",{class:"skdx-tree","data-part":"root","data-skdx-component":"tree",ref_key:"rootRef",ref:S,role:"tree","aria-multiselectable":"multiple"===u.selectionMode||void 0,onKeydown:V},[m(e.$slots,"default")],40,w))}});export{A 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,10 +1,4 @@
-/**
- * Collapsible container for a `SkdxTreeItem`'s child `SkdxTreeItem`s: renders
- * a `<div role="group">`, unmounted (unless `forceMount`) while the parent
- * item is collapsed. Increments depth (`aria-level`) and sets itself as the
- * parent node for the nested items via context. Must be used inside an
- * `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,10 +1,4 @@
-/**
- * Collapsible container for a `SkdxTreeItem`'s child `SkdxTreeItem`s: renders
- * a `<div role="group">`, unmounted (unless `forceMount`) while the parent
- * item is collapsed. Increments depth (`aria-level`) and sets itself as the
- * parent node for the nested items via context. Must be used inside an
- * `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,32 +1,22 @@
-/**
- * A single node in the tree: renders a `<div role="treeitem">` with
- * `aria-level` (its depth), `aria-posinset`/`aria-setsize` (its place among
- * the siblings at its own level), `aria-selected` (unless the tree's
- * selectionMode is "none"), `aria-expanded` (only if it has a nested
- * `SkdxTreeGroup`), `data-state` of `"expanded"`/`"collapsed"`, and
- * `data-disabled`. Detects whether it has children by checking its default
- * slot for an `SkdxTreeGroup`. Clicking it selects the node and, if it has
- * children, toggles expansion; focusing it makes it the tree's active
- * (tabbable) node. Must be used inside `SkdxTree`.
- *
- * While the tree's `load-children` is pending for this node it carries
- * `aria-busy="true"` and `data-loading`. Under
- * `selection-propagation="descendants"` it also carries `aria-checked`
- * (`true`/`false`/`"mixed"`) and `data-checked`
- * (`checked`/`unchecked`/`indeterminate`) derived from its descendants.
- */
+/** Tree node, `role="treeitem"`, where click selects and toggles expansion and focus makes it active. */
 type __VLS_Props = {
-    /** Unique identifier tracked in the tree's expanded/selected/active state. */
+    /** Node identity (tracked in tree state). */
     nodeId: string;
-    /** Excludes this node (and its subtree) from selection and keyboard activation. */
-    disabled?: 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;
+    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,32 +1,22 @@
-/**
- * A single node in the tree: renders a `<div role="treeitem">` with
- * `aria-level` (its depth), `aria-posinset`/`aria-setsize` (its place among
- * the siblings at its own level), `aria-selected` (unless the tree's
- * selectionMode is "none"), `aria-expanded` (only if it has a nested
- * `SkdxTreeGroup`), `data-state` of `"expanded"`/`"collapsed"`, and
- * `data-disabled`. Detects whether it has children by checking its default
- * slot for an `SkdxTreeGroup`. Clicking it selects the node and, if it has
- * children, toggles expansion; focusing it makes it the tree's active
- * (tabbable) node. Must be used inside `SkdxTree`.
- *
- * While the tree's `load-children` is pending for this node it carries
- * `aria-busy="true"` and `data-loading`. Under
- * `selection-propagation="descendants"` it also carries `aria-checked`
- * (`true`/`false`/`"mixed"`) and `data-checked`
- * (`checked`/`unchecked`/`indeterminate`) derived from its descendants.
- */
+/** Tree node, `role="treeitem"`, where click selects and toggles expansion and focus makes it active. */
 type __VLS_Props = {
-    /** Unique identifier tracked in the tree's expanded/selected/active state. */
+    /** Node identity (tracked in tree state). */
     nodeId: string;
-    /** Excludes this node (and its subtree) from selection and keyboard activation. */
-    disabled?: 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;
+    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_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs"),T=require("./TreeGroup.vue.cjs");let e=require("vue");var b=["aria-level","aria-posinset","aria-setsize","aria-selected","aria-expanded","aria-checked","aria-busy","aria-disabled","data-state","data-checked","data-loading","data-disabled","data-skdx-tree-node-id","data-skdx-tree-parent-id","tabindex"],x=(0,e.defineComponent)({__name:"TreeItem",props:{nodeId:{},disabled:{type:Boolean,default:!1}},setup(n){const d=n,a=(0,e.inject)(l.TREE_CONTEXT);if(!a)throw new Error("SkdxTreeItem must be used within SkdxTree.");const o=(0,e.inject)(l.TREE_AMBIENT_CONTEXT,l.TREE_AMBIENT_DEFAULT),p=(0,e.useSlots)(),i=(0,e.computed)(()=>(p.default?.()??[]).some(t=>t.type===T.default)),r=(0,e.computed)(()=>a.expandedIds.value.has(d.nodeId)),c=(0,e.computed)(()=>a.selectedIds.value.has(d.nodeId)),u=(0,e.computed)(()=>a.loadingIds.value.has(d.nodeId)),I=(0,e.computed)(()=>d.disabled?-1:a.activeNodeId.value===d.nodeId?0:-1);(0,e.onMounted)(()=>a.registerNode(d.nodeId,o.parentId)),(0,e.onUnmounted)(()=>a.unregisterNode(d.nodeId));const v=(0,e.computed)(()=>a.positionOf(d.nodeId)),s=(0,e.computed)(()=>a.selectionPropagation==="descendants"?a.checkedState(d.nodeId):void 0),h=(0,e.computed)(()=>s.value),m=(0,e.computed)(()=>s.value===void 0?void 0:s.value==="mixed"?"indeterminate":s.value?"checked":"unchecked");function k(t){d.disabled||t.target.closest('[role="treeitem"]')!==t.currentTarget||(a.onSelectedChange(d.nodeId),i.value&&a.onExpandedChange(d.nodeId,!r.value))}function g(){d.disabled||a.setActiveNodeId(d.nodeId)}return(0,e.provide)(l.TREE_ITEM_CONTEXT,{get nodeId(){return d.nodeId},get depth(){return o.depth},get expanded(){return r.value},get selected(){return c.value},get disabled(){return d.disabled},get hasChildren(){return i.value},get loading(){return u.value}}),(t,f)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-tree__item","data-part":"item",role:"treeitem","aria-level":(0,e.unref)(o).depth,"aria-posinset":v.value?.posinset,"aria-setsize":v.value?.setsize,"aria-selected":(0,e.unref)(a).selectionMode==="none"?void 0:c.value,"aria-expanded":i.value?r.value:void 0,"aria-checked":h.value,"aria-busy":u.value||void 0,"aria-disabled":n.disabled||void 0,"data-state":i.value?r.value?"expanded":"collapsed":void 0,"data-checked":m.value,"data-loading":u.value?"":void 0,"data-disabled":n.disabled?"":void 0,"data-skdx-tree-node-id":n.nodeId,"data-skdx-tree-parent-id":(0,e.unref)(o).parentId??void 0,tabindex:I.value,onClick:k,onFocus:g},[(0,e.renderSlot)(t.$slots,"default")],40,b))}});exports.default=x;
+const E=require("../utils/injectRequired.cjs"),s=require("./context.cjs"),y=require("./TreeGroup.vue.cjs"),C=require("./TreeItem.vue.cjs");let e=require("vue");var q=["aria-level","aria-posinset","aria-setsize","aria-selected","aria-expanded","aria-checked","aria-busy","aria-disabled","data-state","data-checked","data-loading","data-disabled","data-text-value","data-skdx-tree-node-id","data-skdx-tree-parent-id","tabindex"],A=(0,e.defineComponent)({__name:"TreeItem",props:{nodeId:{},disabled:{type:Boolean,default:!1},textValue:{default:void 0},hasChildren:{type:Boolean,default:void 0}},setup(r){const t=r,d=E.injectRequired(s.TREE_CONTEXT,"SkdxTreeItem must be used within SkdxTree."),i=(0,e.inject)(s.TREE_AMBIENT_CONTEXT,s.TREE_AMBIENT_DEFAULT),x=(0,e.useSlots)();function c(a){return Array.isArray(a)?a.some(n=>{if(typeof n!="object"||n===null)return!1;if(n.type===y.default)return!0;if(n.type===C.default)return!1;const p=n.children;if(Array.isArray(p))return c(p);const m=p?.default;return typeof m=="function"&&c(m())}):!1}const u=(0,e.computed)(()=>t.hasChildren??c(x.default?.())),l=(0,e.computed)(()=>d.expandedIds.value.has(t.nodeId)),f=(0,e.computed)(()=>d.selectedIds.value.has(t.nodeId)),v=(0,e.computed)(()=>d.loadingIds.value.has(t.nodeId)),h=(0,e.computed)(()=>t.disabled&&d.disabledBehavior==="all"),k=(0,e.computed)(()=>h.value?-1:d.activeNodeId.value===t.nodeId?0:-1);(0,e.onMounted)(()=>d.registerNode(t.nodeId,i.parentId)),(0,e.onUnmounted)(()=>d.unregisterNode(t.nodeId));const I=(0,e.computed)(()=>d.positionOf(t.nodeId)),o=(0,e.computed)(()=>d.selectionPropagation==="descendants"?d.checkedState(t.nodeId):void 0),T=(0,e.computed)(()=>o.value),b=(0,e.computed)(()=>{if(o.value!==void 0)return o.value==="mixed"?"indeterminate":o.value?"checked":"unchecked"});function g(a){t.disabled||a.target.closest('[role="treeitem"]')!==a.currentTarget||(d.onSelectedChange(t.nodeId),d.onActivate(t.nodeId),u.value&&d.expandOnClick&&d.onExpandedChange(t.nodeId,!l.value))}function _(){h.value||d.setActiveNodeId(t.nodeId)}return(0,e.provide)(s.TREE_ITEM_CONTEXT,{get nodeId(){return t.nodeId},get depth(){return i.depth},get expanded(){return l.value},get selected(){return f.value},get disabled(){return t.disabled},get hasChildren(){return u.value},get loading(){return v.value}}),(a,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-tree__item","data-part":"item",role:"treeitem","aria-level":(0,e.unref)(i).depth,"aria-posinset":I.value?.posinset,"aria-setsize":I.value?.setsize,"aria-selected":(0,e.unref)(d).selectionMode==="none"||o.value!==void 0?void 0:f.value,"aria-expanded":u.value?l.value:void 0,"aria-checked":T.value,"aria-busy":v.value||void 0,"aria-disabled":r.disabled||void 0,"data-state":u.value?l.value?"expanded":"collapsed":void 0,"data-checked":b.value,"data-loading":v.value?"":void 0,"data-disabled":r.disabled?"":void 0,"data-text-value":r.textValue,"data-skdx-tree-node-id":r.nodeId,"data-skdx-tree-parent-id":(0,e.unref)(i).parentId??void 0,tabindex:k.value,style:(0,e.normalizeStyle)({"--skdx-tree-node-depth":(0,e.unref)(i).depth}),onClick:g,onFocus:_},[(0,e.renderSlot)(a.$slots,"default")],44,q))}});exports.default=A;

package/dist/tree/TreeItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TREE_AMBIENT_CONTEXT as e,TREE_AMBIENT_DEFAULT as a,TREE_CONTEXT as d,TREE_ITEM_CONTEXT as t}from"./context.js";import o from"./TreeGroup.vue.js";import{computed as n,createElementBlock as s,defineComponent as i,inject as r,onMounted as l,onUnmounted as u,openBlock as v,provide as c,renderSlot as p,unref as I,useSlots as m}from"vue";var h=["aria-level","aria-posinset","aria-setsize","aria-selected","aria-expanded","aria-checked","aria-busy","aria-disabled","data-state","data-checked","data-loading","data-disabled","data-skdx-tree-node-id","data-skdx-tree-parent-id","tabindex"],T=/* @__PURE__ */i({__name:"TreeItem",props:{nodeId:{},disabled:{type:Boolean,default:!1}},setup(i){const T=i,g=r(d);if(!g)throw new Error("SkdxTreeItem must be used within SkdxTree.");const x=r(e,a),E=m(),b=n(()=>(E.default?.()??[]).some(e=>e.type===o)),k=n(()=>g.expandedIds.value.has(T.nodeId)),f=n(()=>g.selectedIds.value.has(T.nodeId)),_=n(()=>g.loadingIds.value.has(T.nodeId)),N=n(()=>T.disabled?-1:g.activeNodeId.value===T.nodeId?0:-1);l(()=>g.registerNode(T.nodeId,x.parentId)),u(()=>g.unregisterNode(T.nodeId));const C=n(()=>g.positionOf(T.nodeId)),S=n(()=>"descendants"===g.selectionPropagation?g.checkedState(T.nodeId):void 0),B=n(()=>S.value),M=n(()=>void 0===S.value?void 0:"mixed"===S.value?"indeterminate":S.value?"checked":"unchecked");function y(e){T.disabled||e.target.closest('[role="treeitem"]')!==e.currentTarget||(g.onSelectedChange(T.nodeId),b.value&&g.onExpandedChange(T.nodeId,!k.value))}function A(){T.disabled||g.setActiveNodeId(T.nodeId)}return c(t,{get nodeId(){return T.nodeId},get depth(){return x.depth},get expanded(){return k.value},get selected(){return f.value},get disabled(){return T.disabled},get hasChildren(){return b.value},get loading(){return _.value}}),(e,a)=>(v(),s("div",{class:"skdx-tree__item","data-part":"item",role:"treeitem","aria-level":I(x).depth,"aria-posinset":C.value?.posinset,"aria-setsize":C.value?.setsize,"aria-selected":"none"===I(g).selectionMode?void 0:f.value,"aria-expanded":b.value?k.value:void 0,"aria-checked":B.value,"aria-busy":_.value||void 0,"aria-disabled":i.disabled||void 0,"data-state":b.value?k.value?"expanded":"collapsed":void 0,"data-checked":M.value,"data-loading":_.value?"":void 0,"data-disabled":i.disabled?"":void 0,"data-skdx-tree-node-id":i.nodeId,"data-skdx-tree-parent-id":I(x).parentId??void 0,tabindex:N.value,onClick:y,onFocus:A},[p(e.$slots,"default")],40,h))}});export{T as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_AMBIENT_CONTEXT as a,TREE_AMBIENT_DEFAULT as d,TREE_CONTEXT as t,TREE_ITEM_CONTEXT as n}from"./context.js";import r from"./TreeGroup.vue.js";import i from"./TreeItem.vue.js";import{computed as o,createElementBlock as s,defineComponent as l,inject as u,normalizeStyle as v,onMounted as c,onUnmounted as p,openBlock as I,provide as m,renderSlot as f,unref as h,useSlots as x}from"vue";var T=["aria-level","aria-posinset","aria-setsize","aria-selected","aria-expanded","aria-checked","aria-busy","aria-disabled","data-state","data-checked","data-loading","data-disabled","data-text-value","data-skdx-tree-node-id","data-skdx-tree-parent-id","tabindex"],k=/* @__PURE__ */l({__name:"TreeItem",props:{nodeId:{},disabled:{type:Boolean,default:!1},textValue:{default:void 0},hasChildren:{type:Boolean,default:void 0}},setup(l){const k=l,b=e(t,"SkdxTreeItem must be used within SkdxTree."),g=u(a,d),E=x();function y(e){return!!Array.isArray(e)&&e.some(e=>{if("object"!=typeof e||null===e)return!1;if(e.type===r)return!0;if(e.type===i)return!1;const a=e.children;if(Array.isArray(a))return y(a);const d=a?.default;return"function"==typeof d&&y(d())})}const C=o(()=>k.hasChildren??y(E.default?.())),_=o(()=>b.expandedIds.value.has(k.nodeId)),A=o(()=>b.selectedIds.value.has(k.nodeId)),N=o(()=>b.loadingIds.value.has(k.nodeId)),j=o(()=>k.disabled&&"all"===b.disabledBehavior),B=o(()=>j.value?-1:b.activeNodeId.value===k.nodeId?0:-1);c(()=>b.registerNode(k.nodeId,g.parentId)),p(()=>b.unregisterNode(k.nodeId));const S=o(()=>b.positionOf(k.nodeId)),R=o(()=>"descendants"===b.selectionPropagation?b.checkedState(k.nodeId):void 0),M=o(()=>R.value),O=o(()=>{if(void 0!==R.value)return"mixed"===R.value?"indeterminate":R.value?"checked":"unchecked"});function z(e){k.disabled||e.target.closest('[role="treeitem"]')!==e.currentTarget||(b.onSelectedChange(k.nodeId),b.onActivate(k.nodeId),C.value&&b.expandOnClick&&b.onExpandedChange(k.nodeId,!_.value))}function X(){j.value||b.setActiveNodeId(k.nodeId)}return m(n,{get nodeId(){return k.nodeId},get depth(){return g.depth},get expanded(){return _.value},get selected(){return A.value},get disabled(){return k.disabled},get hasChildren(){return C.value},get loading(){return N.value}}),(e,a)=>(I(),s("div",{class:"skdx-tree__item","data-part":"item",role:"treeitem","aria-level":h(g).depth,"aria-posinset":S.value?.posinset,"aria-setsize":S.value?.setsize,"aria-selected":"none"===h(b).selectionMode||void 0!==R.value?void 0:A.value,"aria-expanded":C.value?_.value:void 0,"aria-checked":M.value,"aria-busy":N.value||void 0,"aria-disabled":l.disabled||void 0,"data-state":C.value?_.value?"expanded":"collapsed":void 0,"data-checked":O.value,"data-loading":N.value?"":void 0,"data-disabled":l.disabled?"":void 0,"data-text-value":l.textValue,"data-skdx-tree-node-id":l.nodeId,"data-skdx-tree-parent-id":h(g).parentId??void 0,tabindex:B.value,style:v({"--skdx-tree-node-depth":h(g).depth}),onClick:z,onFocus:X},[f(e.$slots,"default")],44,T))}});export{k as default};

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

@@ -1,11 +1,4 @@
-/**
- * Expand/collapse affordance (e.g. a chevron) within a `SkdxTreeItem`:
- * renders a `<span aria-hidden="true">` with `data-state` of
- * `"expanded"`/`"collapsed"` (unset if the item has no children). Clicking
- * it toggles expansion and stops propagation, so the enclosing
- * `SkdxTreeItem`'s own click handler doesn't double-toggle it. Must be used
- * inside an `SkdxTreeItem`.
- */
+/** Toggles expand/collapse in `SkdxTreeItem`, stopping propagation to prevent a double-toggle. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,11 +1,4 @@
-/**
- * Expand/collapse affordance (e.g. a chevron) within a `SkdxTreeItem`:
- * renders a `<span aria-hidden="true">` with `data-state` of
- * `"expanded"`/`"collapsed"` (unset if the item has no children). Clicking
- * it toggles expansion and stops propagation, so the enclosing
- * `SkdxTreeItem`'s own click handler doesn't double-toggle it. Must be used
- * inside an `SkdxTreeItem`.
- */
+/** Toggles expand/collapse in `SkdxTreeItem`, stopping propagation to prevent a double-toggle. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {