@skdx/vue 0.27.0 → 0.29.0

package/dist/tree-select/TreeSelectPortal.vue.d.cts

@@ -1,8 +1,6 @@
 import type { PortalContainer } from '../utils/portal.cjs';
 /**
- * Teleports `SkdxTreeSelectContent` to `document.body` (or a custom `container`), so the popup escapes
- * any clipping/`overflow` ancestors. Mounts only while the popup is open
- * unless `forceMount` is set. Must be used inside `SkdxTreeSelect`.
+ * Teleports the content to `document.body` (or a custom `container`), escaping clipping ancestors. Mounts only while open unless `forceMount` is set.
  */
 type __VLS_Props = {
     /**

package/dist/tree-select/TreeSelectPortal.vue.d.ts

@@ -1,8 +1,6 @@
 import type { PortalContainer } from '../utils/portal.js';
 /**
- * Teleports `SkdxTreeSelectContent` to `document.body` (or a custom `container`), so the popup escapes
- * any clipping/`overflow` ancestors. Mounts only while the popup is open
- * unless `forceMount` is set. Must be used inside `SkdxTreeSelect`.
+ * Teleports the content to `document.body` (or a custom `container`), escaping clipping ancestors. Mounts only while open unless `forceMount` is set.
  */
 type __VLS_Props = {
     /**

package/dist/tree-select/TreeSelectPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("../utils/Portal.vue.cjs"),l=require("./context.cjs");let e=require("vue");var c=(0,e.defineComponent)({__name:"TreeSelectPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=(0,e.inject)(l.TREE_SELECT_CONTEXT);if(!r)throw new Error("SkdxTreeSelectPortal must be used within SkdxTreeSelect.");const n=r;return(o,a)=>t.forceMount||(0,e.unref)(n).open.value?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=c;
+const u=require("../utils/injectRequired.cjs"),o=require("../utils/Portal.vue.cjs"),l=require("./context.cjs");let e=require("vue");var c=(0,e.defineComponent)({__name:"TreeSelectPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=u.injectRequired(l.TREE_SELECT_CONTEXT,"SkdxTreeSelectPortal must be used within SkdxTreeSelect.");return(n,a)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=c;

package/dist/tree-select/TreeSelectPortal.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../utils/Portal.vue.js";import{TREE_SELECT_CONTEXT as t}from"./context.js";import{createBlock as o,createCommentVNode as r,defineComponent as a,inject as n,openBlock as s,renderSlot as l,unref as c,withCtx as u}from"vue";var i=/* @__PURE__ */a({__name:"TreeSelectPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(a){const i=n(t);if(!i)throw new Error("SkdxTreeSelectPortal must be used within SkdxTreeSelect.");const f=i;return(t,n)=>a.forceMount||c(f).open.value?(s(),o(e,{key:0,container:a.container},{default:u(()=>[l(t.$slots,"default")]),_:3},8,["container"])):r("",!0)}});export{i as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import t from"../utils/Portal.vue.js";import{TREE_SELECT_CONTEXT as o}from"./context.js";import{createBlock as r,createCommentVNode as a,defineComponent as n,openBlock as s,renderSlot as l,unref as u,withCtx as i}from"vue";var c=/* @__PURE__ */n({__name:"TreeSelectPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(n){const c=e(o,"SkdxTreeSelectPortal must be used within SkdxTreeSelect.");return(e,o)=>n.forceMount||u(c).open.value?(s(),r(t,{key:0,container:n.container},{default:i(()=>[l(e.$slots,"default")]),_:3},8,["container"])):a("",!0)}});export{c as default};

package/dist/tree-select/TreeSelectTree.vue.d.cts

@@ -1,32 +1,30 @@
 import { type TreeSelectRenderLabel } from './context.cjs';
-/**
- * The `role="tree"` inside an `SkdxTreeSelect`'s popup: composes the `Tree`
- * family and renders one `SkdxTreeSelectItem` per *visible* collection node,
- * nesting each branch's children in an `SkdxTreeGroup`. Carries
- * `aria-multiselectable` while the root is `multiple`, `aria-readonly` while it
- * is `readOnly`, and the id the trigger's `aria-controls` points at.
- *
- * Expansion is handed to `SkdxTree` as a controlled set, so the chevron
- * (`SkdxTreeItemIndicator`) keeps working exactly as it does in a plain tree.
- * Selection is *not*: the root owns cascading check state, because it has to be
- * right for collapsed branches that `SkdxTree` cannot see. Real DOM focus never
- * enters here — every node is `tabindex="-1"` and the navigation lives on the
- * trigger or the filter input.
- *
- * Give it an accessible name (`aria-label` or `aria-labelledby`): a tree with
- * no name announces as an unnamed group. Must be used inside `SkdxTreeSelect`.
- */
+/** The `role="tree"` inside the popup, rendering one item per visible collection node. */
 type __VLS_Props = {
     /**
-     * Renders a node's content — the label, and anything beside it such as an
-     * `SkdxTreeItemIndicator` chevron or an `SkdxTreeSelectItemIndicator`
-     * checkmark. The returned nodes render *inside* the node's `treeitem`, so
-     * both indicators find their context there.
+     * Renders a node's content: the label and anything beside it, such as a chevron or checkmark indicator.
      * @default undefined — renders the node's `label ?? value` as plain text.
      */
-    renderLabel?: TreeSelectRenderLabel;
+    renderLabel?: TreeSelectRenderLabel | undefined;
+    /**
+     * Renders exactly this row set instead of walking the whole visible collection, for a windowing library.
+     * @default undefined — renders every visible node from `collection`, nested.
+     */
+    rows?: readonly {
+        value: string;
+        depth: number;
+    }[] | undefined;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    renderLabel: TreeSelectRenderLabel;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** The inner tree's `role="tree"` element, for scrolling and measurement. */
+    el: import("vue").ComputedRef<HTMLElement | null>;
+    /** Clears the inner tree's load marker; omit nodeId to clear the whole tree. */
+    invalidate: (nodeId?: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    rows: readonly {
+        value: string;
+        depth: number;
+    }[] | undefined;
+    renderLabel: TreeSelectRenderLabel | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/tree-select/TreeSelectTree.vue.d.ts

@@ -1,32 +1,30 @@
 import { type TreeSelectRenderLabel } from './context.js';
-/**
- * The `role="tree"` inside an `SkdxTreeSelect`'s popup: composes the `Tree`
- * family and renders one `SkdxTreeSelectItem` per *visible* collection node,
- * nesting each branch's children in an `SkdxTreeGroup`. Carries
- * `aria-multiselectable` while the root is `multiple`, `aria-readonly` while it
- * is `readOnly`, and the id the trigger's `aria-controls` points at.
- *
- * Expansion is handed to `SkdxTree` as a controlled set, so the chevron
- * (`SkdxTreeItemIndicator`) keeps working exactly as it does in a plain tree.
- * Selection is *not*: the root owns cascading check state, because it has to be
- * right for collapsed branches that `SkdxTree` cannot see. Real DOM focus never
- * enters here — every node is `tabindex="-1"` and the navigation lives on the
- * trigger or the filter input.
- *
- * Give it an accessible name (`aria-label` or `aria-labelledby`): a tree with
- * no name announces as an unnamed group. Must be used inside `SkdxTreeSelect`.
- */
+/** The `role="tree"` inside the popup, rendering one item per visible collection node. */
 type __VLS_Props = {
     /**
-     * Renders a node's content — the label, and anything beside it such as an
-     * `SkdxTreeItemIndicator` chevron or an `SkdxTreeSelectItemIndicator`
-     * checkmark. The returned nodes render *inside* the node's `treeitem`, so
-     * both indicators find their context there.
+     * Renders a node's content: the label and anything beside it, such as a chevron or checkmark indicator.
      * @default undefined — renders the node's `label ?? value` as plain text.
      */
-    renderLabel?: TreeSelectRenderLabel;
+    renderLabel?: TreeSelectRenderLabel | undefined;
+    /**
+     * Renders exactly this row set instead of walking the whole visible collection, for a windowing library.
+     * @default undefined — renders every visible node from `collection`, nested.
+     */
+    rows?: readonly {
+        value: string;
+        depth: number;
+    }[] | undefined;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    renderLabel: TreeSelectRenderLabel;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** The inner tree's `role="tree"` element, for scrolling and measurement. */
+    el: import("vue").ComputedRef<HTMLElement | null>;
+    /** Clears the inner tree's load marker; omit nodeId to clear the whole tree. */
+    invalidate: (nodeId?: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    rows: readonly {
+        value: string;
+        depth: number;
+    }[] | undefined;
+    renderLabel: TreeSelectRenderLabel | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/tree-select/TreeSelectTree.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("../tree/Tree.vue.cjs"),l=require("./context.cjs"),a=require("./nodes.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0}},setup(t){const d=(0,e.inject)(l.TREE_SELECT_CONTEXT);if(!d)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");const r=d;return(o,s)=>((0,e.openBlock)(),(0,e.createBlock)(n.default,{class:"skdx-tree-select__tree","data-part":"tree",id:(0,e.unref)(r).treeId,"selection-mode":(0,e.unref)(r).multiple?"multiple":"single","aria-readonly":(0,e.unref)(r).readOnly||void 0,"expanded-ids":(0,e.unref)(r).expandedIds.value,"selected-ids":(0,e.unref)(r).selectedIds.value,"onUpdate:expandedIds":(0,e.unref)(r).onTreeExpandedIdsChange},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.default),{nodes:(0,e.unref)(r).collection.value,"render-label":t.renderLabel},null,8,["nodes","render-label"])]),_:1},8,["id","selection-mode","aria-readonly","expanded-ids","selected-ids","onUpdate:expandedIds"]))}});exports.default=u;
+const i=require("../utils/injectRequired.cjs"),c=require("../tree/Tree.vue.cjs"),s=require("./context.cjs"),f=require("./nodes.cjs"),p=require("./rows.cjs");let e=require("vue");var v=(0,e.defineComponent)({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0},rows:{default:void 0}},setup(l,{expose:d}){const u=l,r=i.injectRequired(s.TREE_SELECT_CONTEXT,"SkdxTreeSelectTree must be used within SkdxTreeSelect."),t=(0,e.ref)(null);return(0,e.watch)([(0,e.toRef)(u,"rows"),r.layout],([n,a])=>{r.setVisibleRowValues(n&&a!=="columns"?new Set(n.map(o=>o.value)):null)},{immediate:!0}),(0,e.onUnmounted)(()=>r.setVisibleRowValues(null)),d({el:(0,e.computed)(()=>t.value?.el??null),invalidate:n=>t.value?.invalidate(n)}),(n,a)=>((0,e.openBlock)(),(0,e.createBlock)(c.default,{id:(0,e.unref)(r).treeId,ref_key:"treeRef",ref:t,class:"skdx-tree-select__tree","data-part":"tree","selection-mode":"none","aria-multiselectable":(0,e.unref)(r).multiple||void 0,"aria-readonly":(0,e.unref)(r).readOnly||void 0,"expanded-ids":(0,e.unref)(r).expandedIds.value,"expand-on-click":!1,"onUpdate:expandedIds":(0,e.unref)(r).onTreeExpandedIdsChange},{default:(0,e.withCtx)(()=>[l.rows?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(p.default),{key:0,rows:l.rows,"render-label":l.renderLabel},null,8,["rows","render-label"])):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.default),{key:1,nodes:(0,e.unref)(r).collection.value,"render-label":l.renderLabel},null,8,["nodes","render-label"]))]),_:1},8,["id","aria-multiselectable","aria-readonly","expanded-ids","onUpdate:expandedIds"]))}});exports.default=v;

package/dist/tree-select/TreeSelectTree.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../tree/Tree.vue.js";import{TREE_SELECT_CONTEXT as d}from"./context.js";import r from"./nodes.js";import{createBlock as t,createVNode as a,defineComponent as n,inject as s,openBlock as o,unref as l,withCtx as i}from"vue";var p=/* @__PURE__ */n({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0}},setup(n){const p=s(d);if(!p)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");const c=p;return(d,s)=>(o(),t(e,{class:"skdx-tree-select__tree","data-part":"tree",id:l(c).treeId,"selection-mode":l(c).multiple?"multiple":"single","aria-readonly":l(c).readOnly||void 0,"expanded-ids":l(c).expandedIds.value,"selected-ids":l(c).selectedIds.value,"onUpdate:expandedIds":l(c).onTreeExpandedIdsChange},{default:i(()=>[a(l(r),{nodes:l(c).collection.value,"render-label":n.renderLabel},null,8,["nodes","render-label"])]),_:1},8,["id","selection-mode","aria-readonly","expanded-ids","selected-ids","onUpdate:expandedIds"]))}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import a from"../tree/Tree.vue.js";import{TREE_SELECT_CONTEXT as r}from"./context.js";import l from"./nodes.js";import d from"./rows.js";import{computed as t,createBlock as n,defineComponent as o,onUnmounted as s,openBlock as i,ref as u,toRef as p,unref as m,watch as c,withCtx as f}from"vue";var v=/* @__PURE__ */o({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0},rows:{default:void 0}},setup(o,{expose:v}){const x=o,w=e(r,"SkdxTreeSelectTree must be used within SkdxTreeSelect."),b=u(null);return c([p(x,"rows"),w.layout],([e,a])=>{w.setVisibleRowValues(e&&"columns"!==a?new Set(e.map(e=>e.value)):null)},{immediate:!0}),s(()=>w.setVisibleRowValues(null)),v({el:t(()=>b.value?.el??null),invalidate:e=>b.value?.invalidate(e)}),(e,r)=>(i(),n(a,{id:m(w).treeId,ref_key:"treeRef",ref:b,class:"skdx-tree-select__tree","data-part":"tree","selection-mode":"none","aria-multiselectable":m(w).multiple||void 0,"aria-readonly":m(w).readOnly||void 0,"expanded-ids":m(w).expandedIds.value,"expand-on-click":!1,"onUpdate:expandedIds":m(w).onTreeExpandedIdsChange},{default:f(()=>[o.rows?(i(),n(m(d),{key:0,rows:o.rows,"render-label":o.renderLabel},null,8,["rows","render-label"])):(i(),n(m(l),{key:1,nodes:m(w).collection.value,"render-label":o.renderLabel},null,8,["nodes","render-label"]))]),_:1},8,["id","aria-multiselectable","aria-readonly","expanded-ids","onUpdate:expandedIds"]))}});export{v as default};

package/dist/tree-select/TreeSelectTrigger.vue.d.cts

@@ -1,25 +1,23 @@
-/**
- * Opens the `SkdxTreeSelect`'s popup and displays the current selection, and
- * doubles as the popper anchor the popup positions against. Renders a
- * `<button type="button" role="combobox">` with `aria-haspopup="tree"`,
- * `aria-expanded`, `aria-controls` pointing at the tree, `data-state`,
- * `data-disabled`, `data-readonly`, `data-multiple`, and `data-placeholder`
- * while nothing is checked.
- *
- * It also carries `aria-activedescendant` for the virtually-focused node — but
- * only while no `SkdxTreeSelectInput` is mounted, since that input takes real
- * DOM focus (and with it the activedescendant) as soon as the popup opens.
- *
- * Click, Enter, Space or Arrow Up/Down opens the popup; once open the same
- * keys walk the tree, and printable characters run typeahead over the visible
- * nodes. Must be used inside `SkdxTreeSelect`.
- */
-type __VLS_Props = {};
+/** Opens the popup and displays the current selection, doubling as the popper anchor. */
+type __VLS_Props = {
+    /**
+     * Disables this trigger on top of the root's own `disabled`, never instead of it.
+     * @default false
+     */
+    disabled?: 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native trigger button. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<button>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/tree-select/TreeSelectTrigger.vue.d.ts

@@ -1,25 +1,23 @@
-/**
- * Opens the `SkdxTreeSelect`'s popup and displays the current selection, and
- * doubles as the popper anchor the popup positions against. Renders a
- * `<button type="button" role="combobox">` with `aria-haspopup="tree"`,
- * `aria-expanded`, `aria-controls` pointing at the tree, `data-state`,
- * `data-disabled`, `data-readonly`, `data-multiple`, and `data-placeholder`
- * while nothing is checked.
- *
- * It also carries `aria-activedescendant` for the virtually-focused node — but
- * only while no `SkdxTreeSelectInput` is mounted, since that input takes real
- * DOM focus (and with it the activedescendant) as soon as the popup opens.
- *
- * Click, Enter, Space or Arrow Up/Down opens the popup; once open the same
- * keys walk the tree, and printable characters run typeahead over the visible
- * nodes. Must be used inside `SkdxTreeSelect`.
- */
-type __VLS_Props = {};
+/** Opens the popup and displays the current selection, doubling as the popper anchor. */
+type __VLS_Props = {
+    /**
+     * Disables this trigger on top of the root's own `disabled`, never instead of it.
+     * @default false
+     */
+    disabled?: 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native trigger button. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<button>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/tree-select/TreeSelectTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("../utils/popper.cjs"),c=require("./context.cjs");let e=require("vue");var s=["aria-expanded","aria-controls","aria-activedescendant","aria-readonly","data-state","data-disabled","data-readonly","data-multiple","data-placeholder","disabled"],p=(0,e.defineComponent)({__name:"TreeSelectTrigger",setup(v){const l=(0,e.inject)(c.TREE_SELECT_CONTEXT);if(!l)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const t=l,r=(0,e.inject)(i.POPPER_CONTEXT);if(!r)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const n=(0,e.ref)(null);(0,e.onMounted)(()=>{t.triggerRef.value=n.value,r.setAnchor(n.value)}),(0,e.onBeforeUnmount)(()=>{r.anchor.value===n.value&&r.setAnchor(null)});const d=(0,e.computed)(()=>{const a=t.open.value&&!t.hasInput.value?t.activeValue.value:null;return a===null?void 0:t.itemId(a)});function u(a){t.onNavigationKeyDown(a,{typeahead:!0,selectOnSpace:!0})}return(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tree-select__trigger","data-part":"trigger",ref_key:"elRef",ref:n,type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":(0,e.unref)(t).open.value,"aria-controls":(0,e.unref)(t).treeId,"aria-activedescendant":d.value,"aria-readonly":(0,e.unref)(t).readOnly?!0:void 0,"data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled?"":void 0,"data-readonly":(0,e.unref)(t).readOnly?"":void 0,"data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-placeholder":(0,e.unref)(t).value.value.length===0?"":void 0,disabled:(0,e.unref)(t).disabled,onClick:o[0]||(o[0]=f=>(0,e.unref)(t).onOpenChange(!(0,e.unref)(t).open.value)),onKeydown:u},[(0,e.renderSlot)(a.$slots,"default")],40,s))}});exports.default=p;
+const p=require("../utils/injectRequired.cjs"),v=require("../utils/popper.cjs"),f=require("./context.cjs");let e=require("vue");var _=["aria-expanded","aria-controls","aria-activedescendant","aria-readonly","data-state","data-disabled","data-readonly","data-multiple","data-placeholder","disabled"],g=(0,e.defineComponent)({__name:"TreeSelectTrigger",props:{disabled:{type:Boolean,default:!1}},setup(u,{expose:d}){const i=u,a=p.injectRequired(f.TREE_SELECT_CONTEXT,"SkdxTreeSelectTrigger must be used within SkdxTreeSelect."),n=(0,e.inject)(v.POPPER_CONTEXT);if(!n)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const r=(0,e.ref)(null),l=(0,e.computed)(()=>a.disabled||i.disabled);(0,e.onMounted)(()=>{a.triggerRef.value=r.value,n.setAnchor(r.value)}),(0,e.onBeforeUnmount)(()=>{n.anchor.value===r.value&&n.setAnchor(null)});const s=(0,e.computed)(()=>{const t=a.open.value&&!a.hasInput.value?a.activeValue.value:null;return t===null?void 0:a.itemId(t)});function c(t){a.onNavigationKeyDown(t,{typeahead:!0,selectOnSpace:!0})}return d({focus:t=>r.value?.focus(t),el:r}),(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{ref_key:"elRef",ref:r,class:"skdx-tree-select__trigger","data-part":"trigger",type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":(0,e.unref)(a).open.value,"aria-controls":(0,e.unref)(a).open.value?(0,e.unref)(a).activeTreeId.value:void 0,"aria-activedescendant":s.value,"aria-readonly":(0,e.unref)(a).readOnly?!0:void 0,"data-state":(0,e.unref)(a).open.value?"open":"closed","data-disabled":l.value?"":void 0,"data-readonly":(0,e.unref)(a).readOnly?"":void 0,"data-multiple":(0,e.unref)(a).multiple?"":void 0,"data-placeholder":(0,e.unref)(a).value.value.length===0?"":void 0,disabled:l.value,onClick:o[0]||(o[0]=T=>(0,e.unref)(a).onOpenChange(!(0,e.unref)(a).open.value)),onKeydown:c},[(0,e.renderSlot)(t.$slots,"default")],40,_))}});exports.default=g;

package/dist/tree-select/TreeSelectTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{POPPER_CONTEXT as e}from"../utils/popper.js";import{TREE_SELECT_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as r,defineComponent as o,inject as l,onBeforeUnmount as n,onMounted as d,openBlock as i,ref as s,renderSlot as u,unref as c}from"vue";var p=["aria-expanded","aria-controls","aria-activedescendant","aria-readonly","data-state","data-disabled","data-readonly","data-multiple","data-placeholder","disabled"],v=/* @__PURE__ */o({__name:"TreeSelectTrigger",setup(o){const v=l(a);if(!v)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const m=v,f=l(e);if(!f)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const g=s(null);d(()=>{m.triggerRef.value=g.value,f.setAnchor(g.value)}),n(()=>{f.anchor.value===g.value&&f.setAnchor(null)});const h=t(()=>{const e=m.open.value&&!m.hasInput.value?m.activeValue.value:null;return null===e?void 0:m.itemId(e)});function T(e){m.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}return(e,a)=>(i(),r("button",{class:"skdx-tree-select__trigger","data-part":"trigger",ref_key:"elRef",ref:g,type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":c(m).open.value,"aria-controls":c(m).treeId,"aria-activedescendant":h.value,"aria-readonly":!!c(m).readOnly||void 0,"data-state":c(m).open.value?"open":"closed","data-disabled":c(m).disabled?"":void 0,"data-readonly":c(m).readOnly?"":void 0,"data-multiple":c(m).multiple?"":void 0,"data-placeholder":0===c(m).value.value.length?"":void 0,disabled:c(m).disabled,onClick:a[0]||(a[0]=e=>c(m).onOpenChange(!c(m).open.value)),onKeydown:T},[u(e.$slots,"default")],40,p))}});export{v as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{POPPER_CONTEXT as a}from"../utils/popper.js";import{TREE_SELECT_CONTEXT as t}from"./context.js";import{computed as l,createElementBlock as o,defineComponent as r,inject as n,onBeforeUnmount as d,onMounted as i,openBlock as s,ref as u,renderSlot as c,unref as p}from"vue";var v=["aria-expanded","aria-controls","aria-activedescendant","aria-readonly","data-state","data-disabled","data-readonly","data-multiple","data-placeholder","disabled"],m=/* @__PURE__ */r({__name:"TreeSelectTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r,{expose:m}){const f=r,g=e(t,"SkdxTreeSelectTrigger must be used within SkdxTreeSelect."),T=n(a);if(!T)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const b=u(null),h=l(()=>g.disabled||f.disabled);i(()=>{g.triggerRef.value=b.value,T.setAnchor(b.value)}),d(()=>{T.anchor.value===b.value&&T.setAnchor(null)});const y=l(()=>{const e=g.open.value&&!g.hasInput.value?g.activeValue.value:null;return null===e?void 0:g.itemId(e)});function S(e){g.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}return m({focus:e=>b.value?.focus(e),el:b}),(e,a)=>(s(),o("button",{ref_key:"elRef",ref:b,class:"skdx-tree-select__trigger","data-part":"trigger",type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":p(g).open.value,"aria-controls":p(g).open.value?p(g).activeTreeId.value:void 0,"aria-activedescendant":y.value,"aria-readonly":!!p(g).readOnly||void 0,"data-state":p(g).open.value?"open":"closed","data-disabled":h.value?"":void 0,"data-readonly":p(g).readOnly?"":void 0,"data-multiple":p(g).multiple?"":void 0,"data-placeholder":0===p(g).value.value.length?"":void 0,disabled:h.value,onClick:a[0]||(a[0]=e=>p(g).onOpenChange(!p(g).open.value)),onKeydown:S},[c(e.$slots,"default")],40,v))}});export{m as default};

package/dist/tree-select/TreeSelectValue.vue.d.cts

@@ -1,27 +1,14 @@
-/**
- * Displays the `SkdxTreeSelect`'s current selection — the checked node's
- * `label` (or its `value`), or `placeholder` when nothing is checked. Renders
- * a `<span>` with `pointer-events: none` so clicks pass through to the
- * trigger. Pass default-slot content to override the derived text entirely.
- *
- * While the root is `multiple`, renders one chip per emitted value instead — a
- * `data-chip` span carrying `data-value`, to be styled like a TagsInput tag.
- * Note that *which* nodes those are is `valueStrategy`'s decision: under
- * `'shallowest'` a fully-checked branch shows as one chip for the branch, not
- * one per leaf. The chips are deliberately inert: the trigger is a `<button>`,
- * so a remove button nested inside one would be invalid HTML and unreachable
- * by keyboard. Must be used inside `SkdxTreeSelect`.
- */
+/** Displays the current selection, or `placeholder` when nothing is checked, with clicks passing through to the trigger. */
 type __VLS_Props = {
-    /** Stand-in content rendered while nothing at all is checked. Renders nothing when omitted. */
-    placeholder?: string;
+    /** Stand-in content rendered while nothing is checked. */
+    placeholder?: string | 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<{}>, {
-    placeholder: string;
+    placeholder: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tree-select/TreeSelectValue.vue.d.ts

@@ -1,27 +1,14 @@
-/**
- * Displays the `SkdxTreeSelect`'s current selection — the checked node's
- * `label` (or its `value`), or `placeholder` when nothing is checked. Renders
- * a `<span>` with `pointer-events: none` so clicks pass through to the
- * trigger. Pass default-slot content to override the derived text entirely.
- *
- * While the root is `multiple`, renders one chip per emitted value instead — a
- * `data-chip` span carrying `data-value`, to be styled like a TagsInput tag.
- * Note that *which* nodes those are is `valueStrategy`'s decision: under
- * `'shallowest'` a fully-checked branch shows as one chip for the branch, not
- * one per leaf. The chips are deliberately inert: the trigger is a `<button>`,
- * so a remove button nested inside one would be invalid HTML and unreachable
- * by keyboard. Must be used inside `SkdxTreeSelect`.
- */
+/** Displays the current selection, or `placeholder` when nothing is checked, with clicks passing through to the trigger. */
 type __VLS_Props = {
-    /** Stand-in content rendered while nothing at all is checked. Renders nothing when omitted. */
-    placeholder?: string;
+    /** Stand-in content rendered while nothing is checked. */
+    placeholder?: string | 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<{}>, {
-    placeholder: string;
+    placeholder: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tree-select/TreeSelectValue.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var i=["data-multiple","data-placeholder"],p=["data-value"],v=(0,e.defineComponent)({__name:"TreeSelectValue",props:{placeholder:{default:void 0}},setup(u){const o=(0,e.inject)(d.TREE_SELECT_CONTEXT);if(!o)throw new Error("SkdxTreeSelectValue must be used within SkdxTreeSelect.");const t=o,n=(0,e.useSlots)(),l=(0,e.computed)(()=>t.value.value),c=(0,e.computed)(()=>!n.default&&l.value.length===0),s=(0,e.computed)(()=>{const a=l.value[0];return a===void 0?"":t.getLabel(a)});return(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-tree-select__value","data-part":"value","data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-placeholder":c.value?"":void 0,style:{pointerEvents:"none"}},[(0,e.unref)(n).default?(0,e.renderSlot)(a.$slots,"default",{key:0}):l.value.length===0?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(u.placeholder),1)],64)):(0,e.unref)(t).multiple?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:2},(0,e.renderList)(l.value,r=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:r,"data-chip":"","data-value":r},(0,e.toDisplayString)((0,e.unref)(t).getLabel(r)),9,p))),128)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:3},[(0,e.createTextVNode)((0,e.toDisplayString)(s.value),1)],64))],8,i))}});exports.default=v;
+const s=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var i=["data-multiple","data-placeholder"],p=["data-value"],v=(0,e.defineComponent)({__name:"TreeSelectValue",props:{placeholder:{default:void 0}},setup(o){const t=s.injectRequired(d.TREE_SELECT_CONTEXT,"SkdxTreeSelectValue must be used within SkdxTreeSelect."),n=(0,e.useSlots)(),l=(0,e.computed)(()=>t.value.value),u=(0,e.computed)(()=>!n.default&&l.value.length===0),c=(0,e.computed)(()=>{const a=l.value[0];return a===void 0?"":t.getLabel(a)});return(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-tree-select__value","data-part":"value","data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-placeholder":u.value?"":void 0,style:{pointerEvents:"none"}},[(0,e.unref)(n).default?(0,e.renderSlot)(a.$slots,"default",{key:0}):l.value.length===0?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(o.placeholder),1)],64)):(0,e.unref)(t).multiple?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:2},(0,e.renderList)(l.value,r=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:r,"data-chip":"","data-value":r},(0,e.toDisplayString)((0,e.unref)(t).getLabel(r)),9,p))),128)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:3},[(0,e.createTextVNode)((0,e.toDisplayString)(c.value),1)],64))],8,i))}});exports.default=v;

package/dist/tree-select/TreeSelectValue.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TREE_SELECT_CONTEXT as e}from"./context.js";import{Fragment as a,computed as t,createElementBlock as l,createTextVNode as s,defineComponent as r,inject as o,openBlock as u,renderList as d,renderSlot as n,toDisplayString as p,unref as c,useSlots as i}from"vue";var v=["data-multiple","data-placeholder"],m=["data-value"],f=/* @__PURE__ */r({__name:"TreeSelectValue",props:{placeholder:{default:void 0}},setup(r){const f=o(e);if(!f)throw new Error("SkdxTreeSelectValue must be used within SkdxTreeSelect.");const k=f,h=i(),S=t(()=>k.value.value),E=t(()=>!h.default&&0===S.value.length),T=t(()=>{const e=S.value[0];return void 0===e?"":k.getLabel(e)});return(e,t)=>(u(),l("span",{class:"skdx-tree-select__value","data-part":"value","data-multiple":c(k).multiple?"":void 0,"data-placeholder":E.value?"":void 0,style:{pointerEvents:"none"}},[c(h).default?n(e.$slots,"default",{key:0}):0===S.value.length?(u(),l(a,{key:1},[s(p(r.placeholder),1)],64)):c(k).multiple?(u(!0),l(a,{key:2},d(S.value,e=>(u(),l("span",{key:e,"data-chip":"","data-value":e},p(c(k).getLabel(e)),9,m))),128)):(u(),l(a,{key:3},[s(p(T.value),1)],64))],8,v))}});export{f as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_SELECT_CONTEXT as a}from"./context.js";import{Fragment as t,computed as l,createElementBlock as s,createTextVNode as u,defineComponent as r,openBlock as d,renderList as o,renderSlot as n,toDisplayString as i,unref as p,useSlots as c}from"vue";var v=["data-multiple","data-placeholder"],m=["data-value"],f=/* @__PURE__ */r({__name:"TreeSelectValue",props:{placeholder:{default:void 0}},setup(r){const f=e(a,"SkdxTreeSelectValue must be used within SkdxTreeSelect."),k=c(),S=l(()=>f.value.value),h=l(()=>!k.default&&0===S.value.length),T=l(()=>{const e=S.value[0];return void 0===e?"":f.getLabel(e)});return(e,a)=>(d(),s("span",{class:"skdx-tree-select__value","data-part":"value","data-multiple":p(f).multiple?"":void 0,"data-placeholder":h.value?"":void 0,style:{pointerEvents:"none"}},[p(k).default?n(e.$slots,"default",{key:0}):0===S.value.length?(d(),s(t,{key:1},[u(i(r.placeholder),1)],64)):p(f).multiple?(d(!0),s(t,{key:2},o(S.value,e=>(d(),s("span",{key:e,"data-chip":"","data-value":e},i(p(f).getLabel(e)),9,m))),128)):(d(),s(t,{key:3},[u(i(T.value),1)],64))],8,v))}});export{f as default};

package/dist/tree-select/collection.cjs

@@ -1 +1 @@
-function w(n){const s=new Map,r=[],o=(t,e,l,a)=>{for(const c of t){const f=a||c.disabled===!0,i=c.children??[],h={node:c,parent:e,depth:l,childValues:i.map(u=>u.value),descendants:[],leaves:[],disabled:f};if(s.set(c.value,h),r.push(c.value),o(i,c.value,l+1,f),i.length===0)f||h.leaves.push(c.value);else for(const u of i){const d=s.get(u.value);d&&(h.descendants.push(u.value,...d.descendants),h.leaves.push(...d.leaves))}}};return o(n,null,1,!1),{index:s,order:r}}function g(n,s){const r=[];let o=s.get(n)?.parent??null;for(;o!==null;)r.push(o),o=s.get(o)?.parent??null;return r}function v(n,s,r,o){if(!o)return s.has(n);const t=r.get(n);if(!t||t.leaves.length===0)return s.has(n);let e=0;for(const l of t.leaves)s.has(l)&&e++;return e===0?!1:e===t.leaves.length?!0:"mixed"}function y(n,s,r,o){const t=new Set;for(const e of n)s.has(e)&&t.add(e);if(!o)return t;for(const e of[...t]){const l=s.get(e);if(l)for(const a of l.descendants)s.get(a)?.disabled||t.add(a)}for(const e of r){const l=s.get(e);l&&(l.leaves.length===0||l.childValues.length===0||(l.leaves.every(a=>t.has(a))?t.add(e):t.delete(e)))}return t}function b(n,s,r,o){const t=r.filter(e=>n.has(e));return o==="all"?t:o==="leaf"?t.filter(e=>s.get(e)?.childValues.length===0):t.filter(e=>{const l=s.get(e)?.parent??null;return l===null||!n.has(l)})}function C(n,s,r,o,t){if(!t)return new Set([n]);const e=new Set(s),l=r.get(n);if(!o||!l)return e.has(n)?e.delete(n):e.add(n),e;const a=v(n,s,r,!0)!==!0;for(const c of[n,...l.descendants])r.get(c)?.disabled||(a?e.add(c):e.delete(c));for(const c of g(n,r)){const f=r.get(c);f&&(f.leaves.length>0&&f.leaves.every(i=>e.has(i))?e.add(c):e.delete(c))}return e}function V(n,s,r){const o=new Set,t=new Set;let e=0;for(const l of s){const a=n.get(l);if(a&&r(a.node)){e++,o.add(l);for(const c of g(l,n))o.add(c),t.add(c);for(const c of a.descendants)o.add(c)}}return{visible:o,autoExpanded:t,matchCount:e}}function m(n,s,r,o){const t=[],e=a=>r===null||r.has(a.value),l=(a,c)=>{const f=a.filter(e);f.forEach((i,h)=>{const u=s.get(i.value);if(!u)return;const d=(i.children??[]).filter(e),p=o.has(i.value);t.push({value:i.value,parent:c,depth:u.depth,disabled:u.disabled,hasChildren:d.length>0,expanded:p,posinset:h+1,setsize:f.length}),d.length>0&&p&&l(d,i.value)})};return l(n,null),t}exports.ancestorsOf=g;exports.checkStateOf=v;exports.computeFilter=V;exports.flattenVisible=m;exports.indexCollection=w;exports.normalizeChecked=y;exports.projectValue=b;exports.toggleChecked=C;
+function C(e){const t=new Map,l=[],n=(s,o,r,c)=>{for(const a of s){const d=c||a.disabled===!0,i=a.children??[],h={node:a,parent:o,depth:r,childValues:i.map(f=>f.value),descendants:[],leaves:[],disabled:d};if(t.set(a.value,h),l.push(a.value),n(i,a.value,r+1,d),i.length===0)d||h.leaves.push(a.value);else for(const f of i){const u=t.get(f.value);u&&(h.descendants.push(f.value,...u.descendants),h.leaves.push(...u.leaves))}}};return n(e,null,1,!1),{index:t,order:l}}function p(e,t){const l=[];let n=t.get(e)?.parent??null;for(;n!==null;)l.push(n),n=t.get(n)?.parent??null;return l}function g(e){return e==="cascade"||e==="descendants"}function v(e){return e==="cascade"||e==="ancestors"}function V(e,t){return t==="leaf"?v(e)?"leaf":"all":t==="shallowest"?g(e)?"shallowest":"all":t}function b(e,t,l,n){if(n==="independent")return t.has(e);const s=l.get(e);if(!s||s.leaves.length===0)return t.has(e);let o=0;for(const r of s.leaves)t.has(r)&&o++;return o===s.leaves.length||t.has(e)?!0:o===0?!1:"mixed"}function S(e,t){for(const l of[...e]){const n=t.get(l);if(n)for(const s of n.descendants)t.get(s)?.disabled||e.add(s)}}function m(e,t,l,n){for(const s of l){const o=t.get(s);o&&(o.leaves.length===0||o.childValues.length===0||(o.leaves.every(r=>e.has(r))?e.add(s):n==="cascade"&&e.delete(s)))}}function E(e,t,l,n){const s=new Set;for(const o of e)t.has(o)&&s.add(o);return n==="independent"||(g(n)&&S(s,t),v(n)&&m(s,t,l,n)),s}function O(e,t,l,n){const s=l.filter(o=>e.has(o));return n==="all"?s:n==="leaf"?s.filter(o=>t.get(o)?.childValues.length===0):s.filter(o=>{const r=t.get(o)?.parent??null;return r===null||!e.has(r)})}function z(e,t,l,n,s){if(!s)return t.size===1&&t.has(e)?new Set:new Set([e]);const o=new Set(t),r=l.get(e);if(n==="independent"||!r)return o.has(e)?o.delete(e):o.add(e),o;const c=b(e,t,l,n)!==!0;return U(o,g(n)?[e,...r.descendants]:[e],{index:l,check:c}),v(n)&&j(o,e,l),o}function U(e,t,l){for(const n of t)l.index.get(n)?.disabled||(l.check?e.add(n):e.delete(n))}function j(e,t,l){for(const n of p(t,l)){const s=l.get(n);s&&(s.leaves.length>0&&s.leaves.every(o=>e.has(o))?e.add(n):e.delete(n))}}function k(e,t,l){const n=new Set,s=new Set;let o=0;for(const r of t){const c=e.get(r);if(c&&l(c.node)){o++,n.add(r);for(const a of p(r,e))n.add(a),s.add(a);for(const a of c.descendants)n.add(a)}}return{visible:n,autoExpanded:s,matchCount:o}}function D(e,t,l,n){const s=[],o=c=>l===null||l.has(c.value),r=(c,a)=>{const d=c.filter(o);d.forEach((i,h)=>{const f=t.get(i.value);if(!f)return;const u=(i.children??[]).filter(o),w=n.has(i.value);s.push({value:i.value,parent:a,depth:f.depth,disabled:f.disabled,hasChildren:u.length>0||i.hasChildren===!0,expanded:w,posinset:h+1,setsize:d.length}),u.length>0&&w&&r(u,i.value)})};return r(e,null),s}exports.ancestorsOf=p;exports.checkStateOf=b;exports.computeFilter=k;exports.effectiveValueStrategy=V;exports.flattenVisible=D;exports.indexCollection=C;exports.normalizeChecked=E;exports.projectValue=O;exports.toggleChecked=z;

package/dist/tree-select/collection.d.cts

@@ -1,15 +1,5 @@
 import type { TreeCheckedState } from '../tree/context.cjs';
-import type { TreeSelectNode, TreeSelectValueStrategy } from './context.cjs';
-/**
- * The whole of `tree-select`'s hard part lives in this module, as plain
- * functions over plain data: cascading check state, the `valueStrategy`
- * projection, and the filter's ancestor-preservation rule. None of it touches
- * Vue or the DOM — which is deliberate, because all three answers must be
- * correct for *collapsed* branches, and a collapsed branch has no DOM at all.
- * (The `tree` family derives its own tri-state from rendered descendants and
- * therefore cannot see them.) Mirrors
- * `packages/react/src/tree-select/collection.ts` line for line.
- */
+import type { TreeSelectCheckStrategy, TreeSelectNode, TreeSelectValueStrategy } from './context.cjs';
 /** @internal Everything derived once per collection about a single node. */
 export interface TreeSelectIndexEntry {
     node: TreeSelectNode;
@@ -22,10 +12,8 @@ export interface TreeSelectIndexEntry {
     /** Every descendant's value, in pre-order. */
     descendants: string[];
     /**
-     * The *enabled* leaf descendants this node's tri-state is derived from — or
-     * `[node.value]` when it is itself an enabled leaf, and `[]` when it (or its
-     * whole subtree) is disabled. Excluding disabled leaves is what stops a
-     * branch containing one from being permanently stuck at `"mixed"`.
+     * Enabled leaf descendants for tri-state derivation (or `[node.value]` if
+     * this is an enabled leaf, `[]` if disabled). Excludes disabled leaves.
      */
     leaves: string[];
     /** Own `disabled`, or any ancestor's — disabling a branch disables its subtree. */
@@ -39,7 +27,7 @@ export interface TreeSelectFlatNode {
     parent: string | null;
     depth: number;
     disabled: boolean;
-    /** Whether it has at least one *visible* child, which is what decides `aria-expanded`. */
+    /** Has at least one visible child, or declares itself a branch via `hasChildren`; drives `aria-expanded`. */
     hasChildren: boolean;
     expanded: boolean;
     /** 1-based position among its visible siblings — `aria-posinset`. */
@@ -54,31 +42,17 @@ export declare function indexCollection(collection: readonly TreeSelectNode[]):
 };
 /** @internal A node's ancestors, nearest first. */
 export declare function ancestorsOf(value: string, index: TreeSelectIndex): string[];
-/**
- * @internal A node's tri-state value. Without cascading it is plain
- * membership; with it, a branch is `true` only when every enabled leaf below
- * it is checked and `"mixed"` when only some are.
- */
-export declare function checkStateOf(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, cascade: boolean): TreeCheckedState;
-/**
- * @internal Expands an emitted `value` back into the full checked set the
- * component reasons about. This is the inverse of {@link projectValue}, and
- * the pair has to round-trip: `'shallowest'` emits a parent standing in for
- * its subtree, `'leaf'` emits leaves standing in for their parent, and both
- * must come back as the same set.
- */
-export declare function normalizeChecked(values: readonly string[], index: TreeSelectIndex, order: readonly string[], cascade: boolean): Set<string>;
+/** @internal The value strategy that round-trips under `strategy`, falling back to `'all'` otherwise. */
+export declare function effectiveValueStrategy(strategy: TreeSelectCheckStrategy, valueStrategy: TreeSelectValueStrategy): TreeSelectValueStrategy;
+/** @internal Node tri-state: plain membership under `'independent'`, otherwise derived from enabled leaves. */
+export declare function checkStateOf(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, strategy: TreeSelectCheckStrategy): TreeCheckedState;
+/** @internal Inverse of projectValue: expands emitted values back into the full checked set. */
+export declare function normalizeChecked(values: readonly string[], index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectCheckStrategy): Set<string>;
 /** @internal Reduces the full checked set to the values a consumer actually receives. */
 export declare function projectValue(checked: ReadonlySet<string>, index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectValueStrategy): string[];
 /** @internal The checked set after activating one node. */
-export declare function toggleChecked(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, cascade: boolean, multiple: boolean): Set<string>;
-/**
- * @internal Which nodes survive the filter, and which branches have to open to
- * reveal them. A match drags its whole ancestor chain into visibility — a
- * matched leaf whose parent is hidden is unreachable, which is the classic
- * filtered-tree bug — and its whole subtree, so a matched branch can still be
- * explored.
- */
+export declare function toggleChecked(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, strategy: TreeSelectCheckStrategy, multiple: boolean): Set<string>;
+/** @internal Nodes surviving the filter, plus the ancestor chain and subtree that keep them reachable. */
 export declare function computeFilter(index: TreeSelectIndex, order: readonly string[], matches: (node: TreeSelectNode) => boolean): {
     visible: Set<string>;
     autoExpanded: Set<string>;

package/dist/tree-select/collection.d.ts

@@ -1,15 +1,5 @@
 import type { TreeCheckedState } from '../tree/context.js';
-import type { TreeSelectNode, TreeSelectValueStrategy } from './context.js';
-/**
- * The whole of `tree-select`'s hard part lives in this module, as plain
- * functions over plain data: cascading check state, the `valueStrategy`
- * projection, and the filter's ancestor-preservation rule. None of it touches
- * Vue or the DOM — which is deliberate, because all three answers must be
- * correct for *collapsed* branches, and a collapsed branch has no DOM at all.
- * (The `tree` family derives its own tri-state from rendered descendants and
- * therefore cannot see them.) Mirrors
- * `packages/react/src/tree-select/collection.ts` line for line.
- */
+import type { TreeSelectCheckStrategy, TreeSelectNode, TreeSelectValueStrategy } from './context.js';
 /** @internal Everything derived once per collection about a single node. */
 export interface TreeSelectIndexEntry {
     node: TreeSelectNode;
@@ -22,10 +12,8 @@ export interface TreeSelectIndexEntry {
     /** Every descendant's value, in pre-order. */
     descendants: string[];
     /**
-     * The *enabled* leaf descendants this node's tri-state is derived from — or
-     * `[node.value]` when it is itself an enabled leaf, and `[]` when it (or its
-     * whole subtree) is disabled. Excluding disabled leaves is what stops a
-     * branch containing one from being permanently stuck at `"mixed"`.
+     * Enabled leaf descendants for tri-state derivation (or `[node.value]` if
+     * this is an enabled leaf, `[]` if disabled). Excludes disabled leaves.
      */
     leaves: string[];
     /** Own `disabled`, or any ancestor's — disabling a branch disables its subtree. */
@@ -39,7 +27,7 @@ export interface TreeSelectFlatNode {
     parent: string | null;
     depth: number;
     disabled: boolean;
-    /** Whether it has at least one *visible* child, which is what decides `aria-expanded`. */
+    /** Has at least one visible child, or declares itself a branch via `hasChildren`; drives `aria-expanded`. */
     hasChildren: boolean;
     expanded: boolean;
     /** 1-based position among its visible siblings — `aria-posinset`. */
@@ -54,31 +42,17 @@ export declare function indexCollection(collection: readonly TreeSelectNode[]):
 };
 /** @internal A node's ancestors, nearest first. */
 export declare function ancestorsOf(value: string, index: TreeSelectIndex): string[];
-/**
- * @internal A node's tri-state value. Without cascading it is plain
- * membership; with it, a branch is `true` only when every enabled leaf below
- * it is checked and `"mixed"` when only some are.
- */
-export declare function checkStateOf(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, cascade: boolean): TreeCheckedState;
-/**
- * @internal Expands an emitted `value` back into the full checked set the
- * component reasons about. This is the inverse of {@link projectValue}, and
- * the pair has to round-trip: `'shallowest'` emits a parent standing in for
- * its subtree, `'leaf'` emits leaves standing in for their parent, and both
- * must come back as the same set.
- */
-export declare function normalizeChecked(values: readonly string[], index: TreeSelectIndex, order: readonly string[], cascade: boolean): Set<string>;
+/** @internal The value strategy that round-trips under `strategy`, falling back to `'all'` otherwise. */
+export declare function effectiveValueStrategy(strategy: TreeSelectCheckStrategy, valueStrategy: TreeSelectValueStrategy): TreeSelectValueStrategy;
+/** @internal Node tri-state: plain membership under `'independent'`, otherwise derived from enabled leaves. */
+export declare function checkStateOf(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, strategy: TreeSelectCheckStrategy): TreeCheckedState;
+/** @internal Inverse of projectValue: expands emitted values back into the full checked set. */
+export declare function normalizeChecked(values: readonly string[], index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectCheckStrategy): Set<string>;
 /** @internal Reduces the full checked set to the values a consumer actually receives. */
 export declare function projectValue(checked: ReadonlySet<string>, index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectValueStrategy): string[];
 /** @internal The checked set after activating one node. */
-export declare function toggleChecked(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, cascade: boolean, multiple: boolean): Set<string>;
-/**
- * @internal Which nodes survive the filter, and which branches have to open to
- * reveal them. A match drags its whole ancestor chain into visibility — a
- * matched leaf whose parent is hidden is unreachable, which is the classic
- * filtered-tree bug — and its whole subtree, so a matched branch can still be
- * explored.
- */
+export declare function toggleChecked(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, strategy: TreeSelectCheckStrategy, multiple: boolean): Set<string>;
+/** @internal Nodes surviving the filter, plus the ancestor chain and subtree that keep them reachable. */
 export declare function computeFilter(index: TreeSelectIndex, order: readonly string[], matches: (node: TreeSelectNode) => boolean): {
     visible: Set<string>;
     autoExpanded: Set<string>;

package/dist/tree-select/collection.js

@@ -1 +1 @@
-function e(e){const t=/* @__PURE__ */new Map,n=[],s=(e,l,a,o)=>{for(const d of e){const e=o||!0===d.disabled,r=d.children??[],c={node:d,parent:l,depth:a,childValues:r.map(e=>e.value),descendants:[],leaves:[],disabled:e};if(t.set(d.value,c),n.push(d.value),s(r,d.value,a+1,e),0===r.length)e||c.leaves.push(d.value);else for(const e of r){const n=t.get(e.value);n&&(c.descendants.push(e.value,...n.descendants),c.leaves.push(...n.leaves))}}};return s(e,null,1,!1),{index:t,order:n}}function t(e,t){const n=[];let s=t.get(e)?.parent??null;for(;null!==s;)n.push(s),s=t.get(s)?.parent??null;return n}function n(e,t,n,s){if(!s)return t.has(e);const l=n.get(e);if(!l||0===l.leaves.length)return t.has(e);let a=0;for(const e of l.leaves)t.has(e)&&a++;return 0!==a&&(a===l.leaves.length||"mixed")}function s(e,t,n,s){const l=/* @__PURE__ */new Set;for(const n of e)t.has(n)&&l.add(n);if(!s)return l;for(const e of[...l]){const n=t.get(e);if(n)for(const e of n.descendants)t.get(e)?.disabled||l.add(e)}for(const e of n){const n=t.get(e);n&&(0===n.leaves.length||0===n.childValues.length||(n.leaves.every(e=>l.has(e))?l.add(e):l.delete(e)))}return l}function l(e,t,n,s){const l=n.filter(t=>e.has(t));return"all"===s?l:"leaf"===s?l.filter(e=>0===t.get(e)?.childValues.length):l.filter(n=>{const s=t.get(n)?.parent??null;return null===s||!e.has(s)})}function a(e,s,l,a,o){if(!o)/* @__PURE__ */return new Set([e]);const d=new Set(s),r=l.get(e);if(!a||!r)return d.has(e)?d.delete(e):d.add(e),d;const c=!0!==n(e,s,l,!0);for(const t of[e,...r.descendants])l.get(t)?.disabled||(c?d.add(t):d.delete(t));for(const n of t(e,l)){const e=l.get(n);e&&(e.leaves.length>0&&e.leaves.every(e=>d.has(e))?d.add(n):d.delete(n))}return d}function o(e,n,s){const l=/* @__PURE__ */new Set,a=/* @__PURE__ */new Set;let o=0;for(const d of n){const n=e.get(d);if(n&&s(n.node)){o++,l.add(d);for(const n of t(d,e))l.add(n),a.add(n);for(const e of n.descendants)l.add(e)}}return{visible:l,autoExpanded:a,matchCount:o}}function d(e,t,n,s){const l=[],a=e=>null===n||n.has(e.value),o=(e,n)=>{const d=e.filter(a);d.forEach((e,r)=>{const c=t.get(e.value);if(!c)return;const u=(e.children??[]).filter(a),f=s.has(e.value);l.push({value:e.value,parent:n,depth:c.depth,disabled:c.disabled,hasChildren:u.length>0,expanded:f,posinset:r+1,setsize:d.length}),u.length>0&&f&&o(u,e.value)})};return o(e,null),l}export{t as ancestorsOf,n as checkStateOf,o as computeFilter,d as flattenVisible,e as indexCollection,s as normalizeChecked,l as projectValue,a as toggleChecked};
+function e(e){const n=/* @__PURE__ */new Map,t=[],s=(e,a,l,o)=>{for(const d of e){const e=o||!0===d.disabled,c=d.children??[],r={node:d,parent:a,depth:l,childValues:c.map(e=>e.value),descendants:[],leaves:[],disabled:e};if(n.set(d.value,r),t.push(d.value),s(c,d.value,l+1,e),0===c.length)e||r.leaves.push(d.value);else for(const e of c){const t=n.get(e.value);t&&(r.descendants.push(e.value,...t.descendants),r.leaves.push(...t.leaves))}}};return s(e,null,1,!1),{index:n,order:t}}function n(e,n){const t=[];let s=n.get(e)?.parent??null;for(;null!==s;)t.push(s),s=n.get(s)?.parent??null;return t}function t(e){return"cascade"===e||"descendants"===e}function s(e){return"cascade"===e||"ancestors"===e}function a(e,n){return"leaf"===n?s(e)?"leaf":"all":"shallowest"===n?t(e)?"shallowest":"all":n}function l(e,n,t,s){if("independent"===s)return n.has(e);const a=t.get(e);if(!a||0===a.leaves.length)return n.has(e);let l=0;for(const e of a.leaves)n.has(e)&&l++;return!(l!==a.leaves.length&&!n.has(e))||0!==l&&"mixed"}function o(e,n,a,l){const o=/* @__PURE__ */new Set;for(const t of e)n.has(t)&&o.add(t);return"independent"===l||(t(l)&&function(e,n){for(const t of[...e]){const s=n.get(t);if(s)for(const t of s.descendants)n.get(t)?.disabled||e.add(t)}}(o,n),s(l)&&function(e,n,t,s){for(const a of t){const t=n.get(a);t&&(0===t.leaves.length||0===t.childValues.length||(t.leaves.every(n=>e.has(n))?e.add(a):"cascade"===s&&e.delete(a)))}}(o,n,a,l)),o}function d(e,n,t,s){const a=t.filter(n=>e.has(n));return"all"===s?a:"leaf"===s?a.filter(e=>0===n.get(e)?.childValues.length):a.filter(t=>{const s=n.get(t)?.parent??null;return null===s||!e.has(s)})}function c(e,a,o,d,c){if(!c)return 1===a.size&&a.has(e)?/* @__PURE__ */new Set:/* @__PURE__ */new Set([e]);const r=new Set(a),u=o.get(e);if("independent"===d||!u)return r.has(e)?r.delete(e):r.add(e),r;const f=!0!==l(e,a,o,d);return function(e,n,t){for(const s of n)t.index.get(s)?.disabled||(t.check?e.add(s):e.delete(s))}(r,t(d)?[e,...u.descendants]:[e],{index:o,check:f}),s(d)&&function(e,t,s){for(const a of n(t,s)){const n=s.get(a);n&&(n.leaves.length>0&&n.leaves.every(n=>e.has(n))?e.add(a):e.delete(a))}}(r,e,o),r}function r(e,t,s){const a=/* @__PURE__ */new Set,l=/* @__PURE__ */new Set;let o=0;for(const d of t){const t=e.get(d);if(t&&s(t.node)){o++,a.add(d);for(const t of n(d,e))a.add(t),l.add(t);for(const e of t.descendants)a.add(e)}}return{visible:a,autoExpanded:l,matchCount:o}}function u(e,n,t,s){const a=[],l=e=>null===t||t.has(e.value),o=(e,t)=>{const d=e.filter(l);d.forEach((e,c)=>{const r=n.get(e.value);if(!r)return;const u=(e.children??[]).filter(l),f=s.has(e.value);a.push({value:e.value,parent:t,depth:r.depth,disabled:r.disabled,hasChildren:u.length>0||!0===e.hasChildren,expanded:f,posinset:c+1,setsize:d.length}),u.length>0&&f&&o(u,e.value)})};return o(e,null),a}export{n as ancestorsOf,l as checkStateOf,r as computeFilter,a as effectiveValueStrategy,u as flattenVisible,e as indexCollection,o as normalizeChecked,d as projectValue,c as toggleChecked};