@skdx/vue 0.28.0 → 0.30.0

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

@@ -1,6 +1,6 @@
 import { type TreeSelectCheckStrategy, type TreeSelectFilter, type TreeSelectNode, type TreeSelectRenderLabel, type TreeSelectValueStrategy } from './context.js';
 /**
- * Root of a tree select: a `role="combobox"` trigger whose popup is a tree, for picking from hierarchical data. Owns the checked set, expansion, filter text, open state and virtual focus. Real DOM focus never enters the tree: it stays on the trigger or the input when mounted, and virtual focus tracks it via `aria-activedescendant`.
+ * Root of a tree select: a `role="combobox"` trigger whose popup is a tree, for picking from hierarchical data.
  *
  * @example
  * ```vue
@@ -11,7 +11,7 @@ type __VLS_Props = {
     /** Hierarchical data the tree is built from; node values must be unique across the whole collection. */
     collection: readonly TreeSelectNode[];
     /** Controlled checked node values, always in the shape `valueStrategy` describes. */
-    value?: string[];
+    value?: string[] | undefined;
     /** Initially checked node values, for uncontrolled usage. */
     defaultValue?: string[];
     /** Allows more than one node to be checked; tree gets `aria-multiselectable` and `checkStrategy` becomes meaningful. */
@@ -20,94 +20,83 @@ type __VLS_Props = {
     checkStrategy?: TreeSelectCheckStrategy;
     /** Which checked nodes appear in the emitted `value`; see TreeSelectValueStrategy. Ignored where `check-strategy` lacks the direction to rebuild. */
     valueStrategy?: TreeSelectValueStrategy;
-    /** Controlled expanded node ids, paired with `v-model:expanded-ids`; while filtering, ancestors of every match are expanded on top of this value. */
-    expandedIds?: string[];
+    /** Controlled expanded node ids, paired with `v-model:expanded`; while filtering, ancestors of every match are expanded on top of this value. */
+    expanded?: string[] | undefined;
     /** Initially expanded node values, for uncontrolled usage. */
-    defaultExpandedIds?: string[];
+    defaultExpanded?: string[];
+    /**
+     * How the popup presents the hierarchy: one indented tree, or one tree per open level side by side.
+     * @default 'tree' — `'columns'` still draws as a tree while a filter narrows the popup.
+     */
+    layout?: 'tree' | 'columns';
     /** Whether the popup is open, for controlled usage. Pair with `v-model:open`. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Initial open state, for uncontrolled usage. */
     defaultOpen?: boolean;
     /** The filter text for the input, for controlled usage. Pair with `v-model:input-value`. */
-    inputValue?: string;
+    inputValue?: string | undefined;
     /** Initial filter text, for uncontrolled usage — unfiltered. */
     defaultInputValue?: string;
     /** Decides whether a node matches the filter; matches keep their ancestor chain and subtree visible. */
     filter?: TreeSelectFilter;
     /** Loads a node's children the first time it expands, for non-materialized collection. Mark branches with `hasChildren`; does not run while filtering. */
-    loadChildren?: (nodeValue: string) => void | Promise<void>;
+    loadChildren?: ((nodeValue: string) => void | Promise<void>) | undefined;
     /** Blocks the whole control — the trigger is a disabled `<button>` and no key changes anything. */
     disabled?: boolean;
     /**
-     * Form field name; each selected value submits as its own entry, so
-     * `formData.getAll(name)` returns the whole array like a native
-     * `<select multiple>`.
+     * Form field name; each selected value submits as its own entry, like a native `<select multiple>`.
      * @default undefined — the control submits nothing, like a nameless native input.
      */
     name?: string;
     /**
-     * Id of the `<form>` the submitted entries belong to, for a TreeSelect
-     * that isn't a DOM descendant of it.
+     * Id of the `<form>` the submitted entries belong to, for a TreeSelect that isn't a DOM descendant of it.
      * @default undefined — the entries belong to the nearest ancestor form.
      */
     form?: string;
-    /**
-     * Lets the user open, navigate and read the tree but never change the
-     * value — unlike `disabled`, which also removes it from the tab order.
-     */
+    /** Lets the user open, navigate and read the tree but never change the value. */
     readOnly?: boolean;
     /**
-     * Closes the popup as soon as a node is checked, returning focus to the
-     * trigger.
+     * Closes the popup as soon as a node is checked, returning focus to the trigger.
      * @default !multiple — a single-select answer is complete on the first pick; a multi-select one is not.
      */
-    closeOnSelect?: boolean;
-    /**
-     * Formats the message announced when the number of filter matches
-     * changes while open — filtering is otherwise silent for screen readers.
-     * Return an empty string to announce nothing.
-     */
+    closeOnSelect?: boolean | undefined;
+    /** Formats the message announced when the number of filter matches changes while open. */
     getMatchCountLabel?: (count: number) => string;
     /**
-     * Supplies the label for a value whose node is not in `collection` — for
-     * a lazily-loaded tree restoring a saved value before anything has
-     * expanded.
+     * Supplies the label for a value whose node is not in `collection`.
+     * @default undefined
      */
-    getValueLabel?: (value: string) => string;
+    getValueLabel?: ((value: string) => string) | undefined;
     /**
-     * Whether clicking a branch row also toggles its expansion, vs. leaving
-     * that to the chevron alone; ArrowRight/ArrowLeft are unaffected either
-     * way.
+     * Whether clicking a branch row also toggles its expansion, vs. leaving that to the chevron alone.
      * @default false
      */
     expandOnClick?: boolean;
     /**
      * Stand-in content the derived trigger shows while nothing is checked.
-     * Ignored when the default slot supplies its own `SkdxTreeSelectTrigger`.
      * @default undefined — the trigger renders nothing while empty.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
-     * The derived panel's empty-state message, shown when no node matches the
-     * filter. Ignored when the default slot supplies its own
-     * `SkdxTreeSelectContent`.
+     * The derived panel's empty-state message, shown when no node matches the filter.
      * @default 'No matches'
      */
     emptyMessage?: string;
     /**
-     * Renders a node's content in the derived tree — the label and anything
-     * beside it, such as a checkmark.
+     * Renders a node's content in the derived tree: the label and anything beside it, such as a checkmark.
      * @default undefined — renders the node's `label ?? value` plus a checkmark indicator.
      */
-    renderNode?: TreeSelectRenderLabel;
+    renderNode?: TreeSelectRenderLabel | undefined;
+    /**
+     * Accessible name for the derived Trigger, Tree and filter Input, none of which takes a name from content.
+     * @default undefined — falls back to `placeholder`, and with neither the Trigger is unnamed.
+     */
+    ariaLabel?: string | undefined;
     /**
-     * Accessible name for the derived Trigger, Tree and filter Input, none of
-     * which takes a name from content; the Input derives its own from this
-     * (`"Regions"` → `"Regions filter"`).
-     * @default undefined — falls back to `placeholder`, and with neither the
-     * Trigger is unnamed.
+     * Size rung the skin renders the panel at, applied to the derived Content part.
+     * @default undefined — falls back to a `data-size` attribute.
      */
-    ariaLabel?: string;
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -121,42 +110,40 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "open-change-complete": (open: boolean) => any;
     "update:inputValue": (inputValue: string) => any;
     "input-value-change": (inputValue: string) => any;
-    "update:expandedIds": (expandedIds: string[]) => any;
-    "expanded-change": (expandedIds: string[]) => any;
+    "update:expanded": (expanded: string[]) => any;
+    "expanded-change": (expanded: string[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onUpdate:value"?: ((value: string[]) => any) | undefined;
-    "onValue-change"?: ((value: string[]) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
-    "onInput-value-change"?: ((inputValue: string) => any) | undefined;
-    "onUpdate:expandedIds"?: ((expandedIds: string[]) => any) | undefined;
-    "onExpanded-change"?: ((expandedIds: string[]) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onUpdate:value"?: (value: string[]) => any;
+    "onValue-change"?: (value: string[]) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onUpdate:inputValue"?: (inputValue: string) => any;
+    "onInput-value-change"?: (inputValue: string) => any;
+    "onUpdate:expanded"?: (expanded: string[]) => any;
+    "onExpanded-change"?: (expanded: string[]) => any;
 }>, {
     filter: TreeSelectFilter;
     disabled: boolean;
-    placeholder: string;
-    open: boolean;
+    size: "sm" | "lg" | (string & {}) | undefined;
+    open: boolean | undefined;
     defaultOpen: boolean;
-    value: string[];
-    readOnly: boolean;
     defaultValue: string[];
     multiple: boolean;
-    ariaLabel: string;
-    closeOnSelect: boolean;
-    getValueLabel: (value: string) => string;
-    inputValue: string;
+    readOnly: boolean;
+    value: string[] | undefined;
+    inputValue: string | undefined;
     defaultInputValue: string;
+    closeOnSelect: boolean | undefined;
+    layout: "tree" | "columns";
+    expanded: string[] | undefined;
+    loadChildren: ((nodeValue: string) => void | Promise<void>) | undefined;
     expandOnClick: boolean;
-    expandedIds: string[];
-    defaultExpandedIds: string[];
-    loadChildren: (nodeValue: string) => void | Promise<void>;
     emptyMessage: string;
     checkStrategy: TreeSelectCheckStrategy;
     valueStrategy: TreeSelectValueStrategy;
+    defaultExpanded: string[];
     getMatchCountLabel: (count: number) => string;
-    renderNode: TreeSelectRenderLabel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-const X=require("../utils/direction.cjs"),pe=require("../utils/useOpenChangeComplete.cjs"),Y=require("../utils/useTypeahead.cjs"),me=require("../utils/mirroredValues.cjs"),he=require("../utils/PopperRoot.vue.cjs"),ge=require("../utils/clamp.cjs"),ye=require("../utils/liveAnnouncer.cjs"),f=require("./collection.cjs"),q=require("./context.cjs"),be=require("./TreeSelectAnatomy.vue.cjs");let t=require("vue");var ke=["name","^value","disabled","form"],Ce=(0,t.defineComponent)({inheritAttrs:!1,__name:"TreeSelect",props:{collection:{},value:{default:void 0},defaultValue:{default:()=>[]},multiple:{type:Boolean,default:!1},checkStrategy:{default:"cascade"},valueStrategy:{default:"all"},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},filter:{type:Function,default:q.defaultTreeSelectFilter},loadChildren:{type:Function,default:void 0},disabled:{type:Boolean,default:!1},name:{},form:{},readOnly:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:void 0},getMatchCountLabel:{type:Function,default:q.defaultGetMatchCountLabel},getValueLabel:{type:Function,default:void 0},expandOnClick:{type:Boolean,default:!1},placeholder:{default:void 0},emptyMessage:{default:"No matches"},renderNode:{type:Function,default:void 0},ariaLabel:{default:void 0}},emits:["update:value","value-change","update:expandedIds","expanded-change","update:open","open-change","update:inputValue","input-value-change","open-change-complete"],setup(d,{emit:J}){const a=d,c=J,Q=new Set,F=(0,t.ref)(null),I=(0,t.ref)(null),W=(0,t.ref)(null),_=(0,t.ref)(!1),o=(0,t.ref)(null),v=(0,t.ref)(null),Z=q.nextTreeSelectId("item"),ee=q.nextTreeSelectId("tree"),te=X.useDirection(),M=(0,t.ref)(a.defaultValue),k=(0,t.computed)(()=>a.value??M.value),R=(0,t.ref)(a.defaultExpandedIds),E=(0,t.computed)(()=>a.expandedIds??R.value),N=(0,t.ref)(a.defaultOpen),r=(0,t.computed)(()=>a.open??N.value),P=(0,t.ref)(a.defaultInputValue),O=(0,t.computed)(()=>a.inputValue??P.value);pe.useOpenChangeComplete(r,I,e=>c("open-change-complete",e));function ae(e){e!==k.value&&(a.value===void 0&&(M.value=e),c("update:value",e),c("value-change",e))}function le(e){e!==E.value&&(a.expandedIds===void 0&&(R.value=e),c("update:expandedIds",e),c("expanded-change",e))}function p(e){e!==r.value&&(a.open===void 0&&(N.value=e),c("update:open",e),c("open-change",e))}function ue(e){e!==O.value&&(a.inputValue===void 0&&(P.value=e),c("update:inputValue",e),c("input-value-change",e))}const $=(0,t.computed)(()=>f.indexCollection(a.collection)),i=(0,t.computed)(()=>$.value.index),C=(0,t.computed)(()=>$.value.order),S=(0,t.computed)(()=>a.multiple?a.checkStrategy:"independent"),ne=(0,t.computed)(()=>S.value!=="independent"),H=(0,t.computed)(()=>f.normalizeChecked(k.value,i.value,C.value,S.value)),K=(0,t.computed)(()=>O.value.trim()!==""),m=(0,t.computed)(()=>K.value?f.computeFilter(i.value,C.value,e=>a.filter(e,O.value)):{visible:null,autoExpanded:Q,matchCount:C.value.length}),T=(0,t.computed)(()=>{const e=m.value.autoExpanded;if(e.size===0)return E.value;const l=new Set(E.value);for(const u of e)l.add(u);return[...l]}),B=(0,t.computed)(()=>new Set(T.value)),h=(0,t.computed)(()=>f.flattenVisible(a.collection,i.value,m.value.visible,B.value)),D=(0,t.computed)(()=>new Map(h.value.map(e=>[e.value,e]))),z=(0,t.computed)(()=>v.value===null?h.value:h.value.filter(e=>v.value.has(e.value))),j=(0,t.computed)(()=>z.value.filter(e=>!e.disabled)),re=(0,t.computed)(()=>a.closeOnSelect??!a.multiple),L=new Set,x=(0,t.ref)(new Set);function oe(e){const l=a.loadChildren;if(!l||L.has(e))return;L.add(e),x.value=new Set(x.value).add(e);const u=()=>{const n=new Set(x.value);n.delete(e),x.value=n};Promise.resolve(l(e)).then(u,()=>{L.delete(e),u()})}function g(e,l){const u=E.value;le(l?u.includes(e)?u:[...u,e]:u.filter(n=>n!==e)),l&&!K.value&&oe(e)}function ie(e){const l=new Set(e),u=e.find(s=>!B.value.has(s));if(u!==void 0){g(u,!0);return}const n=T.value.find(s=>!l.has(s));n!==void 0&&g(n,!1)}function A(){F.value?.focus()}function G(e){if(a.disabled||a.readOnly)return;const l=i.value.get(e);!l||l.disabled||(ae(f.projectValue(f.toggleChecked(e,H.value,i.value,S.value,a.multiple),i.value,C.value,f.effectiveValueStrategy(S.value,a.valueStrategy))),re.value&&(p(!1),A()))}(0,t.watch)(r,e=>{e||(o.value=null)}),(0,t.watch)([r,o,h,v],()=>{if(!r.value||o.value!==null&&D.value.get(o.value)?.disabled===!1&&(v.value===null||v.value.has(o.value)))return;const e=z.value.filter(u=>!u.disabled),l=e.find(u=>k.value.includes(u.value));o.value=l?.value??e[0]?.value??null},{flush:"post",immediate:!0}),(0,t.watch)([r,()=>m.value.matchCount],()=>{r.value&&ye.announce(a.getMatchCountLabel(m.value.matchCount))},{immediate:!0});function de(e){return`${Z}-${e}`}function ce(e){return i.value.get(e)?.node.label??a.getValueLabel?.(e)??e}const se=Y.useTypeahead();function w(e){o.value=e;const l=I.value?.querySelectorAll('[role="treeitem"][data-value]');for(const u of l??[])if(u.getAttribute("data-value")===e){u.scrollIntoView?.({block:"nearest"});return}}function y(e){const l=j.value;if(l.length!==0){if(e==="first"){w(l[0].value);return}if(e==="last"){w(l[l.length-1].value);return}w(l[ge.clamp(l.findIndex(u=>u.value===o.value)+e,0,l.length-1)].value)}}function fe(e,l){if(a.disabled)return;const u=X.directionalKey(e.key,e.currentTarget,te()),n=o.value===null?void 0:D.value.get(o.value);if(e.key==="Escape"){if(!r.value||I.value)return;e.preventDefault(),p(!1),A();return}if(e.key==="Tab"){r.value&&p(!1);return}if(u==="ArrowDown"){e.preventDefault(),r.value?y(1):(p(!0),y("first"));return}if(u==="ArrowUp"){e.preventDefault(),r.value?y(-1):(p(!0),y("last"));return}if(u==="ArrowRight"){if(!r.value)return;e.preventDefault(),n?.hasChildren&&!n.expanded?g(n.value,!0):y(1);return}if(u==="ArrowLeft"){if(!r.value)return;e.preventDefault(),n?.hasChildren&&n.expanded?g(n.value,!1):n?.parent&&w(n.parent);return}if(e.key==="Home"||e.key==="End"){if(!r.value)return;e.preventDefault(),y(e.key==="Home"?"first":"last");return}if(e.key==="*"){if(!r.value)return;e.preventDefault();const s=n?.parent??null;for(const b of h.value)b.parent===s&&b.hasChildren&&!b.expanded&&g(b.value,!0);return}if(e.key==="Enter"||e.key===" "&&l.selectOnSpace){if(e.preventDefault(),!r.value){p(!0);return}o.value!==null&&G(o.value);return}if(l.typeahead&&r.value&&Y.isTypeaheadKey(e)){e.preventDefault();const s=j.value,b=s.findIndex(V=>V.value===o.value),ve=s.map(V=>i.value.get(V.value)?.node.label??V.value),U=se(e.key,ve,b);U!==-1&&w(s[U].value)}}return(0,t.provide)(q.TREE_SELECT_CONTEXT,{collection:(0,t.computed)(()=>a.collection),index:i,order:C,value:k,get multiple(){return a.multiple},cascade:ne,get disabled(){return a.disabled},get readOnly(){return a.readOnly},checkStateOf:e=>f.checkStateOf(e,H.value,i.value,S.value),commit:G,open:r,onOpenChange:p,expandedIds:T,expanded:B,setExpanded:g,loadingValues:x,onTreeExpandedIdsChange:ie,get expandOnClick(){return a.expandOnClick},isVisible:e=>m.value.visible===null||m.value.visible.has(e),flat:h,flatMap:D,activeValue:o,setActiveValue:e=>{o.value=e},itemId:de,treeId:ee,triggerRef:F,contentRef:I,inputRef:W,hasInput:_,setHasInput:e=>{_.value=e},inputValue:O,onInputValueChange:ue,getLabel:ce,focusTrigger:A,onNavigationKeyDown:fe,visibleRowValues:v,setVisibleRowValues:e=>{v.value=e}}),(e,l)=>((0,t.openBlock)(),(0,t.createBlock)(he.default,null,{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(be.default,(0,t.mergeProps)(e.$attrs,{placeholder:d.placeholder,"empty-message":d.emptyMessage,"render-label":d.renderNode,"aria-label":d.ariaLabel}),null,16,["placeholder","empty-message","render-label","aria-label"])]),d.name?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)((0,t.unref)(me.mirroredFormValues)(k.value),(u,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{key:u||n,type:"text","aria-hidden":"true",tabindex:"-1",name:d.name,"^value":u,disabled:d.disabled||void 0,form:d.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,ke))),128)):(0,t.createCommentVNode)("",!0)]),_:3}))}});exports.default=Ce;
+const ze=require("../utils/liveAnnouncer.cjs"),ne=require("../utils/direction.cjs"),Me=require("../utils/typeahead.cjs"),Fe=require("../utils/useOpenChangeComplete.cjs"),Ke=require("../utils/useTypeahead.cjs"),Ne=require("../utils/mirroredValues.cjs"),Pe=require("../utils/PopperRoot.vue.cjs"),$e=require("../utils/clamp.cjs"),B=require("../utils/tree-columns.cjs"),m=require("./collection.cjs"),I=require("./context.cjs"),He=require("./TreeSelectAnatomy.vue.cjs");let l=require("vue");var je=["name","^value","disabled","form"],Ge=(0,l.defineComponent)({inheritAttrs:!1,__name:"TreeSelect",props:{collection:{},value:{default:void 0},defaultValue:{default:()=>[]},multiple:{type:Boolean,default:!1},checkStrategy:{default:"cascade"},valueStrategy:{default:"all"},expanded:{default:void 0},defaultExpanded:{default:()=>[]},layout:{default:"tree"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},filter:{type:Function,default:I.defaultTreeSelectFilter},loadChildren:{type:Function,default:void 0},disabled:{type:Boolean,default:!1},name:{},form:{},readOnly:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:void 0},getMatchCountLabel:{type:Function,default:I.defaultGetMatchCountLabel},getValueLabel:{},expandOnClick:{type:Boolean,default:!1},placeholder:{},emptyMessage:{default:"No matches"},renderNode:{},ariaLabel:{},size:{default:void 0}},emits:["update:value","value-change","update:expanded","expanded-change","update:open","open-change","update:inputValue","input-value-change","open-change-complete"],setup(f,{emit:re}){const a=f,P=(0,l.useAttrs)(),oe=(0,l.computed)(()=>a.size??P["data-size"]),ie=(0,l.computed)(()=>{const{"data-size":e,...t}=P;return t}),v=re,ce=new Set,$=(0,l.ref)(null),T=(0,l.ref)(null),de=(0,l.ref)(null),H=(0,l.ref)(!1),r=(0,l.ref)(null),h=(0,l.ref)(null),se=I.nextTreeSelectId("item"),A=I.nextTreeSelectId("tree"),fe=ne.useDirection(),j=(0,l.ref)(a.defaultValue),b=(0,l.computed)(()=>a.value??j.value),G=(0,l.ref)(a.defaultExpanded),S=(0,l.computed)(()=>a.expanded??G.value),U=(0,l.ref)(a.defaultOpen),o=(0,l.computed)(()=>a.open??U.value),X=(0,l.ref)(a.defaultInputValue),O=(0,l.computed)(()=>a.inputValue??X.value);Fe.useOpenChangeComplete(o,T,e=>v("open-change-complete",e));function ve(e){e!==b.value&&(a.value===void 0&&(j.value=e),v("update:value",e),v("value-change",e))}function pe(e){e!==S.value&&(a.expanded===void 0&&(G.value=e),v("update:expanded",e),v("expanded-change",e))}function w(e){e!==o.value&&(a.open===void 0&&(U.value=e),v("update:open",e),v("open-change",e))}function me(e){e!==O.value&&(a.inputValue===void 0&&(X.value=e),v("update:inputValue",e),v("input-value-change",e))}const Y=(0,l.computed)(()=>m.indexCollection(a.collection)),i=(0,l.computed)(()=>Y.value.index),q=(0,l.computed)(()=>Y.value.order),k=(0,l.computed)(()=>a.multiple?a.checkStrategy:"independent"),he=(0,l.computed)(()=>k.value!=="independent"),J=(0,l.computed)(()=>m.normalizeChecked(b.value,i.value,q.value,k.value)),L=(0,l.computed)(()=>O.value.trim()!==""),x=(0,l.computed)(()=>L.value?m.computeFilter(i.value,q.value,e=>a.filter(e,O.value)):{visible:null,autoExpanded:ce,matchCount:q.value.length}),Q=(0,l.computed)(()=>a.layout==="columns"&&!L.value?"columns":"tree"),c=(0,l.computed)(()=>Q.value==="columns"),s=(0,l.computed)(()=>c.value?B.treeColumns(a.collection,S.value):[]),W=(0,l.computed)(()=>new Set(s.value.slice(1).map(e=>e.parent))),D=(0,l.computed)(()=>{const e=x.value.autoExpanded;if(e.size===0)return S.value;const t=new Set(S.value);for(const u of e)t.add(u);return[...t]}),R=(0,l.computed)(()=>c.value?W.value:new Set(D.value)),C=(0,l.computed)(()=>m.flattenVisible(a.collection,i.value,x.value.visible,R.value)),z=(0,l.computed)(()=>new Map(C.value.map(e=>[e.value,e]))),Z=(0,l.computed)(()=>h.value===null?C.value:C.value.filter(e=>h.value.has(e.value)));function M(e){return e.filter(t=>i.value.get(t.value)?.disabled!==!0)}const F=(0,l.computed)(()=>{const e=r.value===null?-1:B.columnIndexOf(s.value,r.value);return e===-1?0:e}),ge=(0,l.computed)(()=>s.value.flatMap(e=>M(e.nodes))),ee=(0,l.computed)(()=>c.value?M(s.value[F.value]?.nodes??[]):Z.value.filter(e=>!e.disabled)),ye=(0,l.computed)(()=>a.closeOnSelect??!a.multiple),K=new Set,E=(0,l.ref)(new Set);function be(e){const t=a.loadChildren;if(!t||K.has(e))return;K.add(e),E.value=new Set(E.value).add(e);const u=()=>{const n=new Set(E.value);n.delete(e),E.value=n};Promise.resolve(t(e)).then(u,()=>{K.delete(e),u()})}function p(e,t){const u=S.value;let n;if(c.value){const d=B.pathTo(a.collection,e);n=t?d:d.slice(0,-1)}else t?n=u.includes(e)?u:[...u,e]:n=u.filter(d=>d!==e);pe(n),t&&!L.value&&be(e)}function we(e){const t=new Set(e),u=e.find(d=>!R.value.has(d));if(u!==void 0){p(u,!0);return}const n=D.value.find(d=>!t.has(d));n!==void 0&&p(n,!1)}function N(){$.value?.focus()}function te(e){if(a.disabled||a.readOnly)return;const t=i.value.get(e);!t||t.disabled||(ve(m.projectValue(m.toggleChecked(e,J.value,i.value,k.value,a.multiple),i.value,q.value,m.effectiveValueStrategy(k.value,a.valueStrategy))),ye.value&&(w(!1),N()))}(0,l.watch)(o,e=>{e||(r.value=null)});function xe(){const e=ge.value;return e.some(t=>t.value===r.value)?r.value:e.find(t=>b.value.includes(t.value))?.value??e[0]?.value??null}function Ce(){return r.value!==null&&z.value.get(r.value)?.disabled===!1&&(h.value===null||h.value.has(r.value))}function Se(){const e=Z.value.filter(t=>!t.disabled);return e.find(t=>b.value.includes(t.value))?.value??e[0]?.value??null}(0,l.watch)([o,r,C,h,s],()=>{if(o.value){if(c.value){r.value=xe();return}Ce()||(r.value=Se())}},{flush:"post",immediate:!0}),(0,l.watch)([o,()=>x.value.matchCount],()=>{o.value&&ze.announce(a.getMatchCountLabel(x.value.matchCount))},{immediate:!0});function qe(e){return`${se}-${e}`}function le(e){return e===0?A:`${A}-${e}`}const ke=(0,l.computed)(()=>c.value?le(F.value):A);function Ee(e){return i.value.get(e)?.node.label??a.getValueLabel?.(e)??e}const Ie=Ke.useTypeahead();function ue(e){const t=T.value?.querySelectorAll('[role="treeitem"][data-value]');for(const u of t??[])if(u.getAttribute("data-value")===e){u.scrollIntoView?.(c.value?{block:"nearest",inline:"nearest"}:{block:"nearest"});return}}function g(e){r.value=e,c.value?(0,l.nextTick)(()=>ue(e)):ue(e)}function V(e){const t=ee.value;if(t.length!==0){if(e==="first"){g(t[0].value);return}if(e==="last"){g(t[t.length-1].value);return}g(t[$e.clamp(t.findIndex(u=>u.value===r.value)+e,0,t.length-1)].value)}}function Te(e){return e.key!=="Escape"?!1:(!o.value||T.value||(e.preventDefault(),w(!1),N()),!0)}function Ae(e,t){return t!=="ArrowDown"&&t!=="ArrowUp"?!1:(e.preventDefault(),o.value?V(t==="ArrowDown"?1:-1):(w(!0),V(t==="ArrowDown"?"first":"last")),!0)}let y=null;function ae(e){const t=B.columnIndexOf(s.value,e),u=t===-1?void 0:s.value[t+1],n=u?M(u.nodes)[0]:void 0;return n?(g(n.value),!0):!1}(0,l.watch)(s,()=>{if(y!==null){if(r.value!==y){y=null;return}ae(y)&&(y=null)}});function Oe(e,t){if(e==="ArrowRight"){if(!t?.hasChildren)return;W.value.has(t.value)||p(t.value,!0),y=ae(t.value)?null:t.value;return}const u=F.value,n=u>0?s.value[u]?.parent??null:null;n!==null&&(y=null,p(n,!1),g(n))}function Ve(e,t,u){return t!=="ArrowRight"&&t!=="ArrowLeft"?!1:o.value?(e.preventDefault(),c.value?(Oe(t,u),!0):t==="ArrowRight"?(u?.hasChildren&&!u.expanded?p(u.value,!0):V(1),!0):(u?.hasChildren&&u.expanded?p(u.value,!1):u?.parent&&g(u.parent),!0)):!0}function _e(e){return e.key!=="Home"&&e.key!=="End"?!1:(o.value&&(e.preventDefault(),V(e.key==="Home"?"first":"last")),!0)}function Be(e,t){if(e.key!=="*"||c.value)return!1;if(!o.value)return!0;e.preventDefault();const u=t?.parent??null;for(const n of C.value)n.parent===u&&n.hasChildren&&!n.expanded&&p(n.value,!0);return!0}function Le(e,t){return e.key!=="Enter"&&!(e.key===" "&&t)?!1:(e.preventDefault(),o.value?(r.value!==null&&te(r.value),!0):(w(!0),!0))}function De(e){e.preventDefault();const t=ee.value,u=t.findIndex(_=>_.value===r.value),n=t.map(_=>i.value.get(_.value)?.node.label??_.value),d=Ie(e.key,n,u);d!==-1&&g(t[d].value)}function Re(e,t){if(a.disabled)return;const u=ne.directionalKey(e.key,e.currentTarget,fe()),n=r.value===null?void 0:z.value.get(r.value);if(!Te(e)){if(e.key==="Tab"){o.value&&w(!1);return}Ae(e,u)||Ve(e,u,n)||_e(e)||Be(e,n)||Le(e,t.selectOnSpace)||t.typeahead&&o.value&&Me.isTypeaheadKey(e)&&De(e)}}return(0,l.provide)(I.TREE_SELECT_CONTEXT,{collection:(0,l.computed)(()=>a.collection),index:i,order:q,value:b,get multiple(){return a.multiple},cascade:he,get disabled(){return a.disabled},get readOnly(){return a.readOnly},checkStateOf:e=>m.checkStateOf(e,J.value,i.value,k.value),commit:te,open:o,onOpenChange:w,expandedIds:D,expanded:R,setExpanded:p,loadingValues:E,onTreeExpandedIdsChange:we,get expandOnClick(){return c.value||a.expandOnClick},isVisible:e=>x.value.visible===null||x.value.visible.has(e),flat:C,flatMap:z,activeValue:r,setActiveValue:e=>{r.value=e},itemId:qe,treeId:A,layout:Q,columns:s,columnTreeId:le,activeTreeId:ke,triggerRef:$,contentRef:T,inputRef:de,hasInput:H,setHasInput:e=>{H.value=e},inputValue:O,onInputValueChange:me,getLabel:Ee,focusTrigger:N,onNavigationKeyDown:Re,visibleRowValues:h,setVisibleRowValues:e=>{h.value=e}}),(e,t)=>((0,l.openBlock)(),(0,l.createBlock)(Pe.default,null,{default:(0,l.withCtx)(()=>[(0,l.renderSlot)(e.$slots,"default",{},()=>[(0,l.createVNode)(He.default,(0,l.mergeProps)(ie.value,{size:oe.value,placeholder:f.placeholder,"empty-message":f.emptyMessage,"render-label":f.renderNode,"aria-label":f.ariaLabel}),null,16,["size","placeholder","empty-message","render-label","aria-label"])]),f.name?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:0},(0,l.renderList)((0,l.unref)(Ne.mirroredFormValues)(b.value),(u,n)=>((0,l.openBlock)(),(0,l.createElementBlock)("input",{key:u||n,type:"text","aria-hidden":"true",tabindex:"-1",name:f.name,"^value":u,disabled:f.disabled||void 0,form:f.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,je))),128)):(0,l.createCommentVNode)("",!0)]),_:3}))}});exports.default=Ge;

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

@@ -1 +1 @@
-import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{useOpenChangeComplete as l}from"../utils/useOpenChangeComplete.js";import{isTypeaheadKey as t,useTypeahead as u}from"../utils/useTypeahead.js";import{mirroredFormValues as n}from"../utils/mirroredValues.js";import o from"../utils/PopperRoot.vue.js";import{clamp as i}from"../utils/clamp.js";import{announce as d}from"../utils/liveAnnouncer.js";import{checkStateOf as r,computeFilter as v,effectiveValueStrategy as s,flattenVisible as p,indexCollection as c,normalizeChecked as f,projectValue as m,toggleChecked as h}from"./collection.js";import{TREE_SELECT_CONTEXT as g,defaultGetMatchCountLabel as y,defaultTreeSelectFilter as b,nextTreeSelectId as x}from"./context.js";import C from"./TreeSelectAnatomy.vue.js";import{Fragment as V,computed as k,createBlock as S,createCommentVNode as w,createElementBlock as I,createVNode as O,defineComponent as E,mergeProps as T,openBlock as D,provide as j,ref as L,renderList as A,renderSlot as B,unref as F,watch as R,withCtx as M}from"vue";var N=["name","^value","disabled","form"],_=/* @__PURE__ */E({inheritAttrs:!1,__name:"TreeSelect",props:{collection:{},value:{default:void 0},defaultValue:{default:()=>[]},multiple:{type:Boolean,default:!1},checkStrategy:{default:"cascade"},valueStrategy:{default:"all"},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},filter:{type:Function,default:b},loadChildren:{type:Function,default:void 0},disabled:{type:Boolean,default:!1},name:{},form:{},readOnly:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:void 0},getMatchCountLabel:{type:Function,default:y},getValueLabel:{type:Function,default:void 0},expandOnClick:{type:Boolean,default:!1},placeholder:{default:void 0},emptyMessage:{default:"No matches"},renderNode:{type:Function,default:void 0},ariaLabel:{default:void 0}},emits:["update:value","value-change","update:expandedIds","expanded-change","update:open","open-change","update:inputValue","input-value-change","open-change-complete"],setup(y,{emit:b}){const E=y,_=b,$=/* @__PURE__ */new Set,H=L(null),K=L(null),P=L(null),z=L(!1),q=L(null),G=L(null),U=x("item"),X=x("tree"),J=a(),Q=L(E.defaultValue),W=k(()=>E.value??Q.value),Y=L(E.defaultExpandedIds),Z=k(()=>E.expandedIds??Y.value),ee=L(E.defaultOpen),ae=k(()=>E.open??ee.value),le=L(E.defaultInputValue),te=k(()=>E.inputValue??le.value);function ue(e){e!==ae.value&&(void 0===E.open&&(ee.value=e),_("update:open",e),_("open-change",e))}l(ae,K,e=>_("open-change-complete",e));const ne=k(()=>c(E.collection)),oe=k(()=>ne.value.index),ie=k(()=>ne.value.order),de=k(()=>E.multiple?E.checkStrategy:"independent"),re=k(()=>"independent"!==de.value),ve=k(()=>f(W.value,oe.value,ie.value,de.value)),se=k(()=>""!==te.value.trim()),pe=k(()=>se.value?v(oe.value,ie.value,e=>E.filter(e,te.value)):{visible:null,autoExpanded:$,matchCount:ie.value.length}),ce=k(()=>{const e=pe.value.autoExpanded;if(0===e.size)return Z.value;const a=new Set(Z.value);for(const l of e)a.add(l);return[...a]}),fe=k(()=>new Set(ce.value)),me=k(()=>p(E.collection,oe.value,pe.value.visible,fe.value)),he=k(()=>new Map(me.value.map(e=>[e.value,e]))),ge=k(()=>null===G.value?me.value:me.value.filter(e=>G.value.has(e.value))),ye=k(()=>ge.value.filter(e=>!e.disabled)),be=k(()=>E.closeOnSelect??!E.multiple),xe=/* @__PURE__ */new Set,Ce=L(/* @__PURE__ */new Set);function Ve(e,a){const l=Z.value;(function(e){e!==Z.value&&(void 0===E.expandedIds&&(Y.value=e),_("update:expandedIds",e),_("expanded-change",e))})(a?l.includes(e)?l:[...l,e]:l.filter(a=>a!==e)),a&&!se.value&&function(e){const a=E.loadChildren;if(!a||xe.has(e))return;xe.add(e),Ce.value=new Set(Ce.value).add(e);const l=()=>{const a=new Set(Ce.value);a.delete(e),Ce.value=a};Promise.resolve(a(e)).then(l,()=>{xe.delete(e),l()})}(e)}function ke(){H.value?.focus()}function Se(e){if(E.disabled||E.readOnly)return;const a=oe.value.get(e);!a||a.disabled||(function(e){e!==W.value&&(void 0===E.value&&(Q.value=e),_("update:value",e),_("value-change",e))}(m(h(e,ve.value,oe.value,de.value,E.multiple),oe.value,ie.value,s(de.value,E.valueStrategy))),be.value&&(ue(!1),ke()))}R(ae,e=>{e||(q.value=null)}),R([ae,q,me,G],()=>{if(!ae.value||null!==q.value&&!1===he.value.get(q.value)?.disabled&&(null===G.value||G.value.has(q.value)))return;const e=ge.value.filter(e=>!e.disabled),a=e.find(e=>W.value.includes(e.value));q.value=a?.value??e[0]?.value??null},{flush:"post",immediate:!0}),R([ae,()=>pe.value.matchCount],()=>{ae.value&&d(E.getMatchCountLabel(pe.value.matchCount))},{immediate:!0});const we=u();function Ie(e){q.value=e;const a=K.value?.querySelectorAll('[role="treeitem"][data-value]');for(const l of a??[])if(l.getAttribute("data-value")===e)return void l.scrollIntoView?.({block:"nearest"})}function Oe(e){const a=ye.value;if(0!==a.length){if("first"===e)return void Ie(a[0].value);if("last"===e)return void Ie(a[a.length-1].value);Ie(a[i(a.findIndex(e=>e.value===q.value)+e,0,a.length-1)].value)}}return j(g,{collection:k(()=>E.collection),index:oe,order:ie,value:W,get multiple(){return E.multiple},cascade:re,get disabled(){return E.disabled},get readOnly(){return E.readOnly},checkStateOf:e=>r(e,ve.value,oe.value,de.value),commit:Se,open:ae,onOpenChange:ue,expandedIds:ce,expanded:fe,setExpanded:Ve,loadingValues:Ce,onTreeExpandedIdsChange:function(e){const a=new Set(e),l=e.find(e=>!fe.value.has(e));if(void 0!==l)return void Ve(l,!0);const t=ce.value.find(e=>!a.has(e));void 0!==t&&Ve(t,!1)},get expandOnClick(){return E.expandOnClick},isVisible:e=>null===pe.value.visible||pe.value.visible.has(e),flat:me,flatMap:he,activeValue:q,setActiveValue:e=>{q.value=e},itemId:function(e){return`${U}-${e}`},treeId:X,triggerRef:H,contentRef:K,inputRef:P,hasInput:z,setHasInput:e=>{z.value=e},inputValue:te,onInputValueChange:function(e){e!==te.value&&(void 0===E.inputValue&&(le.value=e),_("update:inputValue",e),_("input-value-change",e))},getLabel:function(e){return oe.value.get(e)?.node.label??E.getValueLabel?.(e)??e},focusTrigger:ke,onNavigationKeyDown:function(a,l){if(E.disabled)return;const u=e(a.key,a.currentTarget,J()),n=null===q.value?void 0:he.value.get(q.value);if("Escape"===a.key){if(!ae.value||K.value)return;return a.preventDefault(),ue(!1),void ke()}if("Tab"!==a.key){if("ArrowDown"===u)return a.preventDefault(),void(ae.value?Oe(1):(ue(!0),Oe("first")));if("ArrowUp"===u)return a.preventDefault(),void(ae.value?Oe(-1):(ue(!0),Oe("last")));if("ArrowRight"===u){if(!ae.value)return;return a.preventDefault(),void(n?.hasChildren&&!n.expanded?Ve(n.value,!0):Oe(1))}if("ArrowLeft"===u){if(!ae.value)return;return a.preventDefault(),void(n?.hasChildren&&n.expanded?Ve(n.value,!1):n?.parent&&Ie(n.parent))}if("Home"===a.key||"End"===a.key){if(!ae.value)return;return a.preventDefault(),void Oe("Home"===a.key?"first":"last")}if("*"===a.key){if(!ae.value)return;a.preventDefault();const e=n?.parent??null;for(const a of me.value)a.parent===e&&a.hasChildren&&!a.expanded&&Ve(a.value,!0);return}if("Enter"===a.key||" "===a.key&&l.selectOnSpace)return a.preventDefault(),ae.value?void(null!==q.value&&Se(q.value)):void ue(!0);if(l.typeahead&&ae.value&&t(a)){a.preventDefault();const e=ye.value,l=e.findIndex(e=>e.value===q.value),t=e.map(e=>oe.value.get(e.value)?.node.label??e.value),u=we(a.key,t,l);-1!==u&&Ie(e[u].value)}}else ae.value&&ue(!1)},visibleRowValues:G,setVisibleRowValues:e=>{G.value=e}}),(e,a)=>(D(),S(o,null,{default:M(()=>[B(e.$slots,"default",{},()=>[O(C,T(e.$attrs,{placeholder:y.placeholder,"empty-message":y.emptyMessage,"render-label":y.renderNode,"aria-label":y.ariaLabel}),null,16,["placeholder","empty-message","render-label","aria-label"])]),y.name?(D(!0),I(V,{key:0},A(F(n)(W.value),(e,a)=>(D(),I("input",{key:e||a,type:"text","aria-hidden":"true",tabindex:"-1",name:y.name,"^value":e,disabled:y.disabled||void 0,form:y.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,N))),128)):w("",!0)]),_:3}))}});export{_ as default};
+import{announce as e}from"../utils/liveAnnouncer.js";import{directionalKey as a,useDirection as l}from"../utils/direction.js";import{isTypeaheadKey as u}from"../utils/typeahead.js";import{useOpenChangeComplete as t}from"../utils/useOpenChangeComplete.js";import{useTypeahead as n}from"../utils/useTypeahead.js";import{mirroredFormValues as o}from"../utils/mirroredValues.js";import i from"../utils/PopperRoot.vue.js";import{clamp as r}from"../utils/clamp.js";import{columnIndexOf as v,pathTo as d,treeColumns as s}from"../utils/tree-columns.js";import{checkStateOf as c,computeFilter as p,effectiveValueStrategy as f,flattenVisible as m,indexCollection as h,normalizeChecked as g,projectValue as y,toggleChecked as b}from"./collection.js";import{TREE_SELECT_CONTEXT as x,defaultGetMatchCountLabel as C,defaultTreeSelectFilter as w,nextTreeSelectId as V}from"./context.js";import k from"./TreeSelectAnatomy.vue.js";import{Fragment as S,computed as O,createBlock as T,createCommentVNode as I,createElementBlock as A,createVNode as E,defineComponent as j,mergeProps as D,nextTick as L,openBlock as B,provide as R,ref as z,renderList as M,renderSlot as F,unref as N,useAttrs as $,watch as _,withCtx as H}from"vue";var K=["name","^value","disabled","form"],P=/* @__PURE__ */j({inheritAttrs:!1,__name:"TreeSelect",props:{collection:{},value:{default:void 0},defaultValue:{default:()=>[]},multiple:{type:Boolean,default:!1},checkStrategy:{default:"cascade"},valueStrategy:{default:"all"},expanded:{default:void 0},defaultExpanded:{default:()=>[]},layout:{default:"tree"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},filter:{type:Function,default:w},loadChildren:{type:Function,default:void 0},disabled:{type:Boolean,default:!1},name:{},form:{},readOnly:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:void 0},getMatchCountLabel:{type:Function,default:C},getValueLabel:{},expandOnClick:{type:Boolean,default:!1},placeholder:{},emptyMessage:{default:"No matches"},renderNode:{},ariaLabel:{},size:{default:void 0}},emits:["update:value","value-change","update:expanded","expanded-change","update:open","open-change","update:inputValue","input-value-change","open-change-complete"],setup(C,{emit:w}){const j=C,P=$(),q=O(()=>j.size??P["data-size"]),G=O(()=>{const{"data-size":e,...a}=P;return a}),U=w,X=/* @__PURE__ */new Set,J=z(null),Q=z(null),W=z(null),Y=z(!1),Z=z(null),ee=z(null),ae=V("item"),le=V("tree"),ue=l(),te=z(j.defaultValue),ne=O(()=>j.value??te.value),oe=z(j.defaultExpanded),ie=O(()=>j.expanded??oe.value),re=z(j.defaultOpen),ve=O(()=>j.open??re.value),de=z(j.defaultInputValue),se=O(()=>j.inputValue??de.value);function ce(e){e!==ve.value&&(void 0===j.open&&(re.value=e),U("update:open",e),U("open-change",e))}t(ve,Q,e=>U("open-change-complete",e));const pe=O(()=>h(j.collection)),fe=O(()=>pe.value.index),me=O(()=>pe.value.order),he=O(()=>j.multiple?j.checkStrategy:"independent"),ge=O(()=>"independent"!==he.value),ye=O(()=>g(ne.value,fe.value,me.value,he.value)),be=O(()=>""!==se.value.trim()),xe=O(()=>be.value?p(fe.value,me.value,e=>j.filter(e,se.value)):{visible:null,autoExpanded:X,matchCount:me.value.length}),Ce=O(()=>"columns"!==j.layout||be.value?"tree":"columns"),we=O(()=>"columns"===Ce.value),Ve=O(()=>we.value?s(j.collection,ie.value):[]),ke=O(()=>new Set(Ve.value.slice(1).map(e=>e.parent))),Se=O(()=>{const e=xe.value.autoExpanded;if(0===e.size)return ie.value;const a=new Set(ie.value);for(const l of e)a.add(l);return[...a]}),Oe=O(()=>we.value?ke.value:new Set(Se.value)),Te=O(()=>m(j.collection,fe.value,xe.value.visible,Oe.value)),Ie=O(()=>new Map(Te.value.map(e=>[e.value,e]))),Ae=O(()=>null===ee.value?Te.value:Te.value.filter(e=>ee.value.has(e.value)));function Ee(e){return e.filter(e=>!0!==fe.value.get(e.value)?.disabled)}const je=O(()=>{const e=null===Z.value?-1:v(Ve.value,Z.value);return-1===e?0:e}),De=O(()=>Ve.value.flatMap(e=>Ee(e.nodes))),Le=O(()=>we.value?Ee(Ve.value[je.value]?.nodes??[]):Ae.value.filter(e=>!e.disabled)),Be=O(()=>j.closeOnSelect??!j.multiple),Re=/* @__PURE__ */new Set,ze=z(/* @__PURE__ */new Set);function Me(e,a){const l=ie.value;let u;if(we.value){const l=d(j.collection,e);u=a?l:l.slice(0,-1)}else u=a?l.includes(e)?l:[...l,e]:l.filter(a=>a!==e);(function(e){e!==ie.value&&(void 0===j.expanded&&(oe.value=e),U("update:expanded",e),U("expanded-change",e))})(u),a&&!be.value&&function(e){const a=j.loadChildren;if(!a||Re.has(e))return;Re.add(e),ze.value=new Set(ze.value).add(e);const l=()=>{const a=new Set(ze.value);a.delete(e),ze.value=a};Promise.resolve(a(e)).then(l,()=>{Re.delete(e),l()})}(e)}function Fe(){J.value?.focus()}function Ne(e){if(j.disabled||j.readOnly)return;const a=fe.value.get(e);!a||a.disabled||(function(e){e!==ne.value&&(void 0===j.value&&(te.value=e),U("update:value",e),U("value-change",e))}(y(b(e,ye.value,fe.value,he.value,j.multiple),fe.value,me.value,f(he.value,j.valueStrategy))),Be.value&&(ce(!1),Fe()))}function $e(e){return 0===e?le:`${le}-${e}`}_(ve,e=>{e||(Z.value=null)}),_([ve,Z,Te,ee,Ve],()=>{if(ve.value){if(we.value)return void(Z.value=function(){const e=De.value;return e.some(e=>e.value===Z.value)?Z.value:e.find(e=>ne.value.includes(e.value))?.value??e[0]?.value??null}());null!==Z.value&&!1===Ie.value.get(Z.value)?.disabled&&(null===ee.value||ee.value.has(Z.value))||(Z.value=function(){const e=Ae.value.filter(e=>!e.disabled);return e.find(e=>ne.value.includes(e.value))?.value??e[0]?.value??null}())}},{flush:"post",immediate:!0}),_([ve,()=>xe.value.matchCount],()=>{ve.value&&e(j.getMatchCountLabel(xe.value.matchCount))},{immediate:!0});const _e=O(()=>we.value?$e(je.value):le),He=n();function Ke(e){const a=Q.value?.querySelectorAll('[role="treeitem"][data-value]');for(const l of a??[])if(l.getAttribute("data-value")===e)return void l.scrollIntoView?.(we.value?{block:"nearest",inline:"nearest"}:{block:"nearest"})}function Pe(e){Z.value=e,we.value?L(()=>Ke(e)):Ke(e)}function qe(e){const a=Le.value;if(0!==a.length){if("first"===e)return void Pe(a[0].value);if("last"===e)return void Pe(a[a.length-1].value);Pe(a[r(a.findIndex(e=>e.value===Z.value)+e,0,a.length-1)].value)}}let Ge=null;function Ue(e){const a=v(Ve.value,e),l=-1===a?void 0:Ve.value[a+1],u=l?Ee(l.nodes)[0]:void 0;return!!u&&(Pe(u.value),!0)}return _(Ve,()=>{if(null!==Ge){if(Z.value!==Ge)return void(Ge=null);Ue(Ge)&&(Ge=null)}}),R(x,{collection:O(()=>j.collection),index:fe,order:me,value:ne,get multiple(){return j.multiple},cascade:ge,get disabled(){return j.disabled},get readOnly(){return j.readOnly},checkStateOf:e=>c(e,ye.value,fe.value,he.value),commit:Ne,open:ve,onOpenChange:ce,expandedIds:Se,expanded:Oe,setExpanded:Me,loadingValues:ze,onTreeExpandedIdsChange:function(e){const a=new Set(e),l=e.find(e=>!Oe.value.has(e));if(void 0!==l)return void Me(l,!0);const u=Se.value.find(e=>!a.has(e));void 0!==u&&Me(u,!1)},get expandOnClick(){return we.value||j.expandOnClick},isVisible:e=>null===xe.value.visible||xe.value.visible.has(e),flat:Te,flatMap:Ie,activeValue:Z,setActiveValue:e=>{Z.value=e},itemId:function(e){return`${ae}-${e}`},treeId:le,layout:Ce,columns:Ve,columnTreeId:$e,activeTreeId:_e,triggerRef:J,contentRef:Q,inputRef:W,hasInput:Y,setHasInput:e=>{Y.value=e},inputValue:se,onInputValueChange:function(e){e!==se.value&&(void 0===j.inputValue&&(de.value=e),U("update:inputValue",e),U("input-value-change",e))},getLabel:function(e){return fe.value.get(e)?.node.label??j.getValueLabel?.(e)??e},focusTrigger:Fe,onNavigationKeyDown:function(e,l){if(j.disabled)return;const t=a(e.key,e.currentTarget,ue()),n=null===Z.value?void 0:Ie.value.get(Z.value);if(!function(e){return"Escape"===e.key&&(!ve.value||Q.value||(e.preventDefault(),ce(!1),Fe()),!0)}(e)){if("Tab"===e.key)return void(ve.value&&ce(!1));(function(e,a){return("ArrowDown"===a||"ArrowUp"===a)&&(e.preventDefault(),ve.value?qe("ArrowDown"===a?1:-1):(ce(!0),qe("ArrowDown"===a?"first":"last")),!0)})(e,t)||function(e,a,l){return!("ArrowRight"!==a&&"ArrowLeft"!==a||ve.value&&(e.preventDefault(),we.value?(function(e,a){if("ArrowRight"===e){if(!a?.hasChildren)return;return ke.value.has(a.value)||Me(a.value,!0),void(Ge=Ue(a.value)?null:a.value)}const l=je.value,u=l>0?Ve.value[l]?.parent??null:null;null!==u&&(Ge=null,Me(u,!1),Pe(u))}(a,l),0):"ArrowRight"===a?(l?.hasChildren&&!l.expanded?Me(l.value,!0):qe(1),0):(l?.hasChildren&&l.expanded?Me(l.value,!1):l?.parent&&Pe(l.parent),0)))}(e,t,n)||function(e){return("Home"===e.key||"End"===e.key)&&(ve.value&&(e.preventDefault(),qe("Home"===e.key?"first":"last")),!0)}(e)||function(e,a){if("*"!==e.key||we.value)return!1;if(!ve.value)return!0;e.preventDefault();const l=a?.parent??null;for(const e of Te.value)e.parent===l&&e.hasChildren&&!e.expanded&&Me(e.value,!0);return!0}(e,n)||function(e,a){return!!("Enter"===e.key||" "===e.key&&a)&&(e.preventDefault(),ve.value?(null!==Z.value&&Ne(Z.value),!0):(ce(!0),!0))}(e,l.selectOnSpace)||l.typeahead&&ve.value&&u(e)&&function(e){e.preventDefault();const a=Le.value,l=a.findIndex(e=>e.value===Z.value),u=a.map(e=>fe.value.get(e.value)?.node.label??e.value),t=He(e.key,u,l);-1!==t&&Pe(a[t].value)}(e)}},visibleRowValues:ee,setVisibleRowValues:e=>{ee.value=e}}),(e,a)=>(B(),T(i,null,{default:H(()=>[F(e.$slots,"default",{},()=>[E(k,D(G.value,{size:q.value,placeholder:C.placeholder,"empty-message":C.emptyMessage,"render-label":C.renderNode,"aria-label":C.ariaLabel}),null,16,["size","placeholder","empty-message","render-label","aria-label"])]),C.name?(B(!0),A(S,{key:0},M(N(o)(ne.value),(e,a)=>(B(),A("input",{key:e||a,type:"text","aria-hidden":"true",tabindex:"-1",name:C.name,"^value":e,disabled:C.disabled||void 0,form:C.form,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,K))),128)):I("",!0)]),_:3}))}});export{P as default};

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

@@ -1,21 +1,27 @@
-import type { TreeSelectRenderLabel } from './context.cjs';
+import { type TreeSelectRenderLabel } from './context.cjs';
 /**
  * Derives the complete anatomy from props when no slot is provided: trigger, portal with input and tree, empty state.
  * @internal
  */
 type __VLS_Props = {
-    placeholder?: string;
-    emptyMessage?: string;
-    renderLabel?: TreeSelectRenderLabel;
+    placeholder?: string | undefined;
+    emptyMessage?: string | undefined;
+    renderLabel?: TreeSelectRenderLabel | undefined;
     /** Accessible name for derived components; falls back to `placeholder`. */
-    ariaLabel?: string;
-    ariaLabelledby?: string;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
+    /**
+     * Size rung the skin renders the panel at, applied to the derived Content part.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    placeholder: string;
-    ariaLabel: string;
-    ariaLabelledby: string;
-    renderLabel: TreeSelectRenderLabel;
-    emptyMessage: string;
+    size: "sm" | "lg" | (string & {}) | undefined;
+    placeholder: string | undefined;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    renderLabel: TreeSelectRenderLabel | undefined;
+    emptyMessage: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,21 +1,27 @@
-import type { TreeSelectRenderLabel } from './context.js';
+import { type TreeSelectRenderLabel } from './context.js';
 /**
  * Derives the complete anatomy from props when no slot is provided: trigger, portal with input and tree, empty state.
  * @internal
  */
 type __VLS_Props = {
-    placeholder?: string;
-    emptyMessage?: string;
-    renderLabel?: TreeSelectRenderLabel;
+    placeholder?: string | undefined;
+    emptyMessage?: string | undefined;
+    renderLabel?: TreeSelectRenderLabel | undefined;
     /** Accessible name for derived components; falls back to `placeholder`. */
-    ariaLabel?: string;
-    ariaLabelledby?: string;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
+    /**
+     * Size rung the skin renders the panel at, applied to the derived Content part.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    placeholder: string;
-    ariaLabel: string;
-    ariaLabelledby: string;
-    renderLabel: TreeSelectRenderLabel;
-    emptyMessage: string;
+    size: "sm" | "lg" | (string & {}) | undefined;
+    placeholder: string | undefined;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    renderLabel: TreeSelectRenderLabel | undefined;
+    emptyMessage: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-const n=require("./TreeSelectContent.vue.cjs"),o=require("./TreeSelectEmpty.vue.cjs"),c=require("./TreeSelectInput.vue.cjs"),b=require("./TreeSelectItemIndicator.vue.cjs"),f=require("./TreeSelectPortal.vue.cjs"),s=require("./TreeSelectTree.vue.cjs"),h=require("./TreeSelectTrigger.vue.cjs"),p=require("./TreeSelectValue.vue.cjs");let e=require("vue");var q=(0,e.defineComponent)({inheritAttrs:!1,__name:"TreeSelectAnatomy",props:{placeholder:{default:void 0},emptyMessage:{default:"No matches"},renderLabel:{type:Function,default:void 0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(l){const t=l,r=(0,e.computed)(()=>t.ariaLabel??t.placeholder),u=(0,e.computed)(()=>r.value?`${r.value} filter`:void 0);function i(){return(0,e.h)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true"},[(0,e.h)("path",{d:"M3 8.5 6.5 12 13 4.5",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"})])}function d(a){return[a.label??a.value,(0,e.h)(b.default,null,()=>i())]}return(a,v)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(h.default,(0,e.mergeProps)(a.$attrs,{"aria-label":r.value,"aria-labelledby":l.ariaLabelledby}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)(p.default,{placeholder:l.placeholder},null,8,["placeholder"])]),_:1},16,["aria-label","aria-labelledby"]),(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default,{"aria-label":u.value},null,8,["aria-label"]),(0,e.createVNode)(s.default,{"aria-label":r.value,"aria-labelledby":l.ariaLabelledby,"render-label":t.renderLabel??d},null,8,["aria-label","aria-labelledby","render-label"]),(0,e.createVNode)(o.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.emptyMessage),1)]),_:1})]),_:1})]),_:1})],64))}});exports.default=q;
+const p=require("../utils/injectRequired.cjs"),h=require("./context.cjs"),q=require("./TreeSelectColumns.vue.cjs"),v=require("./TreeSelectContent.vue.cjs"),y=require("./TreeSelectEmpty.vue.cjs"),m=require("./TreeSelectInput.vue.cjs"),T=require("./TreeSelectItemIndicator.vue.cjs"),k=require("./TreeSelectPortal.vue.cjs"),c=require("./TreeSelectTree.vue.cjs"),S=require("./TreeSelectTrigger.vue.cjs"),_=require("./TreeSelectValue.vue.cjs");let e=require("vue");var L=(0,e.defineComponent)({inheritAttrs:!1,__name:"TreeSelectAnatomy",props:{placeholder:{default:void 0},emptyMessage:{default:"No matches"},renderLabel:{type:Function,default:void 0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0},size:{default:void 0}},setup(l){const n=l,t=p.injectRequired(h.TREE_SELECT_CONTEXT,"SkdxTreeSelectAnatomy must be used within SkdxTreeSelect."),u=(0,e.computed)(()=>n.ariaLabel??n.placeholder),s=(0,e.computed)(()=>u.value?`${u.value} filter`:void 0);function b(){return(0,e.h)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true"},[(0,e.h)("path",{d:"M3 8.5 6.5 12 13 4.5",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"})])}function i(a){return[a.label??a.value,(0,e.h)(T.default,null,()=>b())]}function f(a,d){return a.nodes.map(r=>({value:r.value,depth:d+1}))}return(a,d)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(S.default,(0,e.mergeProps)(a.$attrs,{"aria-label":u.value,"aria-labelledby":l.ariaLabelledby}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)(_.default,{placeholder:l.placeholder},null,8,["placeholder"])]),_:1},16,["aria-label","aria-labelledby"]),(0,e.createVNode)(k.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(v.default,{size:l.size},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(m.default,{"aria-label":s.value},null,8,["aria-label"]),(0,e.createVNode)(q.default,null,{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(t).columns.value,(r,o)=>((0,e.openBlock)(),(0,e.createBlock)(c.default,{id:(0,e.unref)(t).columnTreeId(o),key:r.parent??"","aria-label":r.parent===null?u.value:(0,e.unref)(t).getLabel(r.parent),"aria-labelledby":r.parent===null?l.ariaLabelledby:(0,e.unref)(t).itemId(r.parent),"data-skdx-tree-parent-id":r.parent??void 0,rows:f(r,o),"render-label":n.renderLabel??i},null,8,["id","aria-label","aria-labelledby","data-skdx-tree-parent-id","rows","render-label"]))),128))]),_:1}),(0,e.unref)(t).layout.value==="tree"?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:0,"aria-label":u.value,"aria-labelledby":l.ariaLabelledby,"render-label":n.renderLabel??i},null,8,["aria-label","aria-labelledby","render-label"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(y.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.emptyMessage),1)]),_:1})]),_:1},8,["size"])]),_:1})],64))}});exports.default=L;

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

@@ -1 +1 @@
-import e from"./TreeSelectContent.vue.js";import l from"./TreeSelectEmpty.vue.js";import a from"./TreeSelectInput.vue.js";import r from"./TreeSelectItemIndicator.vue.js";import t from"./TreeSelectPortal.vue.js";import o from"./TreeSelectTree.vue.js";import i from"./TreeSelectTrigger.vue.js";import u from"./TreeSelectValue.vue.js";import{Fragment as d,computed as n,createElementBlock as s,createTextVNode as m,createVNode as p,defineComponent as b,h as c,mergeProps as f,openBlock as v,toDisplayString as h,withCtx as y}from"vue";var T=/* @__PURE__ */b({inheritAttrs:!1,__name:"TreeSelectAnatomy",props:{placeholder:{default:void 0},emptyMessage:{default:"No matches"},renderLabel:{type:Function,default:void 0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(b){const T=b,S=n(()=>T.ariaLabel??T.placeholder),g=n(()=>S.value?`${S.value} filter`:void 0);function j(e){return[e.label??e.value,c(r,null,()=>c("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true"},[c("path",{d:"M3 8.5 6.5 12 13 4.5",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"})]))]}return(r,n)=>(v(),s(d,null,[p(i,f(r.$attrs,{"aria-label":S.value,"aria-labelledby":b.ariaLabelledby}),{default:y(()=>[p(u,{placeholder:b.placeholder},null,8,["placeholder"])]),_:1},16,["aria-label","aria-labelledby"]),p(t,null,{default:y(()=>[p(e,null,{default:y(()=>[p(a,{"aria-label":g.value},null,8,["aria-label"]),p(o,{"aria-label":S.value,"aria-labelledby":b.ariaLabelledby,"render-label":T.renderLabel??j},null,8,["aria-label","aria-labelledby","render-label"]),p(l,null,{default:y(()=>[m(h(b.emptyMessage),1)]),_:1})]),_:1})]),_:1})],64))}});export{T as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_SELECT_CONTEXT as a}from"./context.js";import l from"./TreeSelectColumns.vue.js";import r from"./TreeSelectContent.vue.js";import t from"./TreeSelectEmpty.vue.js";import o from"./TreeSelectInput.vue.js";import i from"./TreeSelectItemIndicator.vue.js";import d from"./TreeSelectPortal.vue.js";import n from"./TreeSelectTree.vue.js";import u from"./TreeSelectTrigger.vue.js";import s from"./TreeSelectValue.vue.js";import{Fragment as m,computed as p,createBlock as b,createCommentVNode as c,createElementBlock as v,createTextVNode as f,createVNode as y,defineComponent as T,h,mergeProps as S,openBlock as j,renderList as k,toDisplayString as L,unref as g,withCtx as x}from"vue";var _=/* @__PURE__ */T({inheritAttrs:!1,__name:"TreeSelectAnatomy",props:{placeholder:{default:void 0},emptyMessage:{default:"No matches"},renderLabel:{type:Function,default:void 0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0},size:{default:void 0}},setup(T){const _=T,C=e(a,"SkdxTreeSelectAnatomy must be used within SkdxTreeSelect."),w=p(()=>_.ariaLabel??_.placeholder),E=p(()=>w.value?`${w.value} filter`:void 0);function I(e){return[e.label??e.value,h(i,null,()=>h("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true"},[h("path",{d:"M3 8.5 6.5 12 13 4.5",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"})]))]}function N(e,a){return e.nodes.map(e=>({value:e.value,depth:a+1}))}return(e,a)=>(j(),v(m,null,[y(u,S(e.$attrs,{"aria-label":w.value,"aria-labelledby":T.ariaLabelledby}),{default:x(()=>[y(s,{placeholder:T.placeholder},null,8,["placeholder"])]),_:1},16,["aria-label","aria-labelledby"]),y(d,null,{default:x(()=>[y(r,{size:T.size},{default:x(()=>[y(o,{"aria-label":E.value},null,8,["aria-label"]),y(l,null,{default:x(()=>[(j(!0),v(m,null,k(g(C).columns.value,(e,a)=>(j(),b(n,{id:g(C).columnTreeId(a),key:e.parent??"","aria-label":null===e.parent?w.value:g(C).getLabel(e.parent),"aria-labelledby":null===e.parent?T.ariaLabelledby:g(C).itemId(e.parent),"data-skdx-tree-parent-id":e.parent??void 0,rows:N(e,a),"render-label":_.renderLabel??I},null,8,["id","aria-label","aria-labelledby","data-skdx-tree-parent-id","rows","render-label"]))),128))]),_:1}),"tree"===g(C).layout.value?(j(),b(n,{key:0,"aria-label":w.value,"aria-labelledby":T.ariaLabelledby,"render-label":_.renderLabel??I},null,8,["aria-label","aria-labelledby","render-label"])):c("",!0),y(t,null,{default:x(()=>[f(L(T.emptyMessage),1)]),_:1})]),_:1},8,["size"])]),_:1})],64))}});export{_ as default};

package/dist/tree-select/TreeSelectColumns.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TreeSelectColumns.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

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

@@ -0,0 +1,19 @@
+/**
+ * The horizontal track holding one Tree per open level while the drawn layout is `"columns"`.
+ *
+ * Renders nothing in the tree layout, nor while a filter narrows the popup. It
+ * carries `role="presentation"` because each column Tree keeps the semantics.
+ */
+type __VLS_Props = {};
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+/**
+ * The horizontal track holding one Tree per open level while the drawn layout is `"columns"`.
+ *
+ * Renders nothing in the tree layout, nor while a filter narrows the popup. It
+ * carries `role="presentation"` because each column Tree keeps the semantics.
+ */
+type __VLS_Props = {};
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tree-select/TreeSelectColumns.vue.js

@@ -0,0 +1 @@
+import e from"./TreeSelectColumns.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

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

@@ -0,0 +1 @@
+const u=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var n=["data-layout"],o=(0,e.defineComponent)({__name:"TreeSelectColumns",setup(a){const t=u.injectRequired(l.TREE_SELECT_CONTEXT,"SkdxTreeSelectColumns must be used within SkdxTreeSelect.");return(r,c)=>(0,e.unref)(t).layout.value==="columns"?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tree-select__columns","data-part":"columns",role:"presentation","data-layout":(0,e.unref)(t).layout.value},[(0,e.renderSlot)(r.$slots,"default")],8,n)):(0,e.createCommentVNode)("",!0)}});exports.default=o;

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

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_SELECT_CONTEXT as t}from"./context.js";import{createCommentVNode as a,createElementBlock as o,defineComponent as s,openBlock as l,renderSlot as r,unref as n}from"vue";var u=["data-layout"],m=/* @__PURE__ */s({__name:"TreeSelectColumns",setup(s){const m=e(t,"SkdxTreeSelectColumns must be used within SkdxTreeSelect.");return(e,t)=>"columns"===n(m).layout.value?(l(),o("div",{key:0,class:"skdx-tree-select__columns","data-part":"columns",role:"presentation","data-layout":n(m).layout.value},[r(e.$slots,"default")],8,u)):a("",!0)}});export{m as default};

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

@@ -1,8 +1,6 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
-/**
- * The popup panel, positioned relative to the trigger via floating-ui. Renders a plain `<div>` with the tree role on `SkdxTreeSelectTree` inside it. Carries `data-state` and popper positioning data. Focus never enters the tree; it stays on the input or trigger and navigates via `aria-activedescendant`. Closes on Escape or outside interaction unless handlers call `preventDefault()`.
- */
+/** The popup panel, positioned relative to the trigger; focus stays on the input or trigger, never the tree. */
 type __VLS_Props = {
     /** Preferred side of the trigger to render on. */
     side?: Side;
@@ -17,13 +15,17 @@ type __VLS_Props = {
     /** Minimum distance in pixels kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
     collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
     /**
-     * Element (or elements) collisions are measured against, instead of the
-     * panel's clipping ancestors.
+     * Element (or elements) collisions are measured against, instead of the panel's clipping ancestors.
      * @default undefined — the panel's clipping ancestors.
      */
-    collisionBoundary?: Element | Element[] | null;
+    collisionBoundary?: Element | Element[] | null | undefined;
     /** Keep this panel mounted even while closed, instead of unmounting it. */
     forceMount?: boolean;
+    /**
+     * Size rung the skin renders the panel at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -35,19 +37,18 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
-    forceMount: boolean;
     align: Align;
+    forceMount: boolean;
     side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;
     collisionPadding: number | Partial<Record<PhysicalSide, number>>;
-    collisionBoundary: Element | Element[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;