@skdx/web-components 0.28.0 → 0.30.0

package/dist/tree-select/TreeSelectTree.js

@@ -1,24 +1,27 @@
-var x=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var c=(u,l,s,r)=>{for(var t=r>1?void 0:r?R(l,s):l,e=u.length-1,i;e>=0;e--)(i=u[e])&&(t=(r?i(l,s,t):i(t))||t);return r&&t&&x(l,s,t),t};import{html as n,LitElement as k,nothing as a}from"lit";import{property as m}from"lit/decorators.js";import{repeat as f}from"lit/directives/repeat.js";import{customElement as E}from"../internal/define.js";import{installLightDomStyles as g}from"../internal/styles.js";import{findTreeSelectRoot as w,TREE_SELECT_INTERNAL_UPDATE as b}from"./TreeSelect.js";import"./TreeSelectItem.js";var o=class extends k{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleExpandClick=(s,r)=>{s.stopPropagation();let t=this.root,e=t?.flatMap.get(r);!t||!e?.hasChildren||t.setExpanded(r,!e.expanded)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),g(),this.root=w(this),this.root?.addEventListener(b,this.onRootUpdate),this.setAttribute("role","tree"),this.root&&(this.id?this.root.treeId=this.id:this.id=this.root.treeId)}disconnectedCallback(){this.root?.removeEventListener(b,this.onRootUpdate),this.root?.setVisibleRowValues(null),super.disconnectedCallback()}updated(){this.root?.multiple?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"),this.root?.readOnly?this.setAttribute("aria-readonly","true"):this.removeAttribute("aria-readonly"),this.rows!==this._lastReportedRows&&(this._lastReportedRows=this.rows,this.root?.setVisibleRowValues(this.rows?new Set(this.rows.map(s=>s.value)):null))}renderNodes(s){let r=this.root;if(!r)return a;let t=s.filter(e=>r.isVisible(e.value));return f(t,e=>e.value,e=>{let i=r.flatMap.get(e.value),d=(e.children??[]).filter(v=>r.isVisible(v.value)),p=i?.hasChildren??d.length>0,h=i?.expanded??!1;return n`<skdx-tree-select-item .node=${e}>
-          ${p?n`<span
+var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var u=(c,n,s,r)=>{for(var t=r>1?void 0:r?k(n,s):n,e=c.length-1,i;e>=0;e--)(i=c[e])&&(t=(r?i(n,s,t):i(t))||t);return r&&t&&x(n,s,t),t};import{html as l,LitElement as E,nothing as o}from"lit";import{property as v}from"lit/decorators.js";import{repeat as f}from"lit/directives/repeat.js";import{customElement as R}from"../internal/define.js";import{installLightDomStyles as g}from"../internal/light-dom-styles.js";import{findTreeSelectRoot as y,TREE_SELECT_INTERNAL_UPDATE as b}from"./TreeSelect.js";import"./TreeSelectItem.js";var a=class extends E{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleExpandClick=(s,r)=>{s.stopPropagation();let t=this.root,e=t?.flatMap.get(r);!t||!e?.hasChildren||t.setExpanded(r,!e.expanded)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),g(),this.root=y(this),this.root?.addEventListener(b,this.onRootUpdate),this.setAttribute("role","tree");let s=this.parentElement?.localName==="skdx-tree-select-columns";this.root&&!s&&(this.id?this.root.treeId=this.id:this.id=this.root.treeId)}disconnectedCallback(){this.root?.removeEventListener(b,this.onRootUpdate),this.root?.setVisibleRowValues(null),super.disconnectedCallback()}invalidate(s){this.root?.invalidateLoad(s)}updated(){let s=this.rows===void 0&&this.root?.effectiveLayout==="columns";this.hidden=s,s?this.setAttribute("aria-hidden","true"):this.removeAttribute("aria-hidden"),this.root?.multiple?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"),this.root?.readOnly?this.setAttribute("aria-readonly","true"):this.removeAttribute("aria-readonly"),this.rows!==this._lastReportedRows&&(this._lastReportedRows=this.rows,this.root?.setVisibleRowValues(this.rows?new Set(this.rows.map(r=>r.value)):null))}renderNodes(s){let r=this.root;if(!r)return o;let t=s.filter(e=>r.isVisible(e.value));return f(t,e=>e.value,e=>{let i=r.flatMap.get(e.value),d=(e.children??[]).filter(m=>r.isVisible(m.value)),h=i?.hasChildren??d.length>0,p=i?.expanded??!1;return l`<skdx-tree-select-item .node=${e}>
+          ${h?l`<span
                   data-skdx-tree-select-expand
-                  data-state=${h?"expanded":"collapsed"}
+                  data-state=${p?"expanded":"collapsed"}
                   aria-hidden="true"
-                  @click=${v=>this.handleExpandClick(v,e.value)}
+                  @click=${m=>this.handleExpandClick(m,e.value)}
                   >▸</span
-                >`:a}
+                >`:o}
           <span data-skdx-tree-select-label
             >${this.renderLabel?.(e)??e.label??e.value}</span
           >
-          ${p&&h?n`<div role="group">${this.renderNodes(d)}</div>`:a}
-        </skdx-tree-select-item>`})}renderRows(s){let r=this.root;return r?f(s,t=>t.value,t=>{let e=r.index.get(t.value)?.node;if(!e)return a;let i=r.flatMap.get(t.value),d=i?.hasChildren??!1,p=i?.expanded??!1;return n`<skdx-tree-select-item .node=${e}>
-          ${d?n`<span
+          ${h&&p?l`<div role="group">${this.renderNodes(d)}</div>`:o}
+        </skdx-tree-select-item>`})}renderRows(s){let r=this.root;return r?f(s,t=>t.value,t=>{let e=r.index.get(t.value)?.node;if(!e)return o;let i=r.flatMap.get(t.value),d=i?.hasChildren??!1,h=i?.expanded??!1;return l`<skdx-tree-select-item
+          .node=${e}
+          .depth=${t.depth}
+        >
+          ${d?l`<span
                   data-skdx-tree-select-expand
-                  data-state=${p?"expanded":"collapsed"}
+                  data-state=${h?"expanded":"collapsed"}
                   aria-hidden="true"
-                  @click=${h=>this.handleExpandClick(h,t.value)}
+                  @click=${p=>this.handleExpandClick(p,t.value)}
                   >▸</span
-                >`:a}
+                >`:o}
           <span data-skdx-tree-select-label
             >${this.renderLabel?.(e)??e.label??e.value}</span
           >
-        </skdx-tree-select-item>`}):a}render(){return this.rows?this.renderRows(this.rows):this.renderNodes(this.root?.collection??[])}};c([m({attribute:!1})],o.prototype,"renderLabel",2),c([m({attribute:!1})],o.prototype,"rows",2),o=c([E("skdx-tree-select-tree","tree-select","tree")],o);export{o as SkdxTreeSelectTree};
+        </skdx-tree-select-item>`}):o}render(){return this.rows?this.renderRows(this.rows):this.root?.effectiveLayout==="columns"?o:this.renderNodes(this.root?.collection??[])}};u([v({attribute:!1})],a.prototype,"renderLabel",2),u([v({attribute:!1})],a.prototype,"rows",2),a=u([R("skdx-tree-select-tree","tree-select","tree")],a);export{a as SkdxTreeSelectTree};

package/dist/tree-select/TreeSelectTrigger.cjs

@@ -1,17 +1,21 @@
-"use strict";var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var E=(i,r)=>{for(var e in r)d(i,e,{get:r[e],enumerable:!0})},g=(i,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of f(r))!y.call(i,o)&&o!==e&&d(i,o,{get:()=>r[o],enumerable:!(t=h(r,o))||t.enumerable});return i};var D=i=>g(d({},"__esModule",{value:!0}),i),p=(i,r,e,t)=>{for(var o=t>1?void 0:t?h(r,e):r,l=i.length-1,c;l>=0;l--)(c=i[l])&&(o=(t?c(r,e,o):c(o))||o);return t&&o&&d(r,e,o),o};var L={};E(L,{SkdxTreeSelectTrigger:()=>n});module.exports=D(L);var a=require("lit"),u=require("lit/decorators.js"),b=require("../internal/aria-label.cjs"),m=require("../internal/define.cjs"),v=require("../internal/styles.cjs"),s=require("./TreeSelect.cjs");var n=class extends a.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.label=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)};this.handleKeyDown=e=>{this.root?.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}}createRenderRoot(){return this}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=(0,s.findTreeSelectRoot)(this),this.root?.addEventListener(s.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),this.root&&(this.root.triggerEl=this),this.label??(this.label=(0,b.takeHostAriaLabel)(this)),(0,v.installLightDomStyles)()}disconnectedCallback(){this.root?.removeEventListener(s.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),super.disconnectedCallback()}focus(e){this.querySelector(":scope > button")?.focus(e)}firstUpdated(){let e=this.querySelector(":scope > button");if(!e)return;let t=this.firstChild;for(;t&&t!==e;){let o=t.nextSibling;t.nodeType===Node.COMMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent.trim()===""||e.append(t),t=o}}updated(){let e=this.root,t=e?.open??!1;this.setAttribute("data-state",t?"open":"closed");for(let[o,l]of[["data-disabled",this.isDisabled],["data-readonly",e?.readOnly],["data-multiple",e?.multiple],["data-placeholder",(e?.value.length??0)===0]])l?this.setAttribute(o,""):this.removeAttribute(o)}render(){let e=this.root,t=e?.open??!1,o=t&&!e?.hasInput?e?.activeValue??null:null;return a.html`
+"use strict";var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var E=(l,r)=>{for(var e in r)d(l,e,{get:r[e],enumerable:!0})},g=(l,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of f(r))!y.call(l,t)&&t!==e&&d(l,t,{get:()=>r[t],enumerable:!(o=u(r,t))||o.enumerable});return l};var T=l=>g(d({},"__esModule",{value:!0}),l),p=(l,r,e,o)=>{for(var t=o>1?void 0:o?u(r,e):r,i=l.length-1,c;i>=0;i--)(c=l[i])&&(t=(o?c(r,e,t):c(t))||t);return o&&t&&d(r,e,t),t};var $={};E($,{SkdxTreeSelectTrigger:()=>n});module.exports=T($);var a=require("lit"),h=require("lit/decorators.js"),b=require("../internal/aria-label.cjs"),m=require("../internal/define.cjs"),v=require("../internal/light-dom-styles.cjs"),s=require("./TreeSelect.cjs");var n=class extends a.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.label=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)};this.handleKeyDown=e=>{this.root?.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}}createRenderRoot(){return this}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=(0,s.findTreeSelectRoot)(this),this.root?.addEventListener(s.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),this.root&&(this.root.triggerEl=this),this.label??(this.label=(0,b.takeHostAriaLabel)(this)),(0,v.installLightDomStyles)()}disconnectedCallback(){this.root?.removeEventListener(s.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),super.disconnectedCallback()}focus(e){this.querySelector(":scope > button")?.focus(e)}firstUpdated(){let e=this.querySelector(":scope > button");if(!e)return;let o=this.firstChild;for(;o&&o!==e;){let t=o.nextSibling;o.nodeType===Node.COMMENT_NODE||o.nodeType===Node.TEXT_NODE&&o.textContent.trim()===""||e.append(o),o=t}}updated(){let e=this.root,o=e?.open??!1;this.setAttribute("data-state",o?"open":"closed");for(let[t,i]of[["data-disabled",this.isDisabled],["data-readonly",e?.readOnly],["data-multiple",e?.multiple],["data-placeholder",(e?.value.length??0)===0]])i?this.setAttribute(t,""):this.removeAttribute(t)}renderState(){let e=this.root,o=this.isDisabled;if(!e)return{open:!1,controls:a.nothing,activedescendant:a.nothing,readonly:!1,multiple:!1,placeholder:!0,disabled:o};let t=e.open,i=t&&!e.hasInput?e.activeValue??null:null;return{open:t,controls:t?e.activeTreeId:a.nothing,activedescendant:i===null?a.nothing:e.itemId(i),readonly:e.readOnly,multiple:e.multiple,placeholder:e.value.length===0,disabled:o}}render(){let e=this.renderState();return a.html`
       <button
         type="button"
         part="trigger"
         role="combobox"
         aria-haspopup="tree"
-        aria-expanded=${t?"true":"false"}
-        aria-controls=${t?e?.treeId??a.nothing:a.nothing}
-        aria-activedescendant=${o===null?a.nothing:e.itemId(o)}
-        aria-readonly=${e?.readOnly?"true":a.nothing}
+        aria-expanded=${e.open?"true":"false"}
+        aria-controls=${e.controls}
+        aria-activedescendant=${e.activedescendant}
+        aria-readonly=${e.readonly?"true":a.nothing}
         aria-label=${this.label??a.nothing}
-        ?disabled=${this.isDisabled}
-        data-state=${t?"open":"closed"}
+        ?disabled=${e.disabled}
+        data-state=${e.open?"open":"closed"}
+        data-disabled=${e.disabled?"":a.nothing}
+        data-readonly=${e.readonly?"":a.nothing}
+        data-multiple=${e.multiple?"":a.nothing}
+        data-placeholder=${e.placeholder?"":a.nothing}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
       ></button>
-    `}};p([(0,u.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),n=p([(0,m.customElement)("skdx-tree-select-trigger","tree-select","trigger")],n);0&&(module.exports={SkdxTreeSelectTrigger});
+    `}};p([(0,h.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),n=p([(0,m.customElement)("skdx-tree-select-trigger","tree-select","trigger")],n);0&&(module.exports={SkdxTreeSelectTrigger});

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

@@ -1,7 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * Opens the tree-select popup and displays selection. Renders `<button role="combobox">` with
- * `aria-haspopup="tree"` and `aria-activedescendant`. Renders into light DOM for IDREF resolution.
+ * Opens the tree-select popup and displays the selection, rendering `<button role="combobox">`.
  *
  * @example
  * ```html
@@ -13,53 +12,28 @@ import { LitElement } from 'lit';
  * @csspart trigger - The native `<button>` element (rendered in light DOM).
  */
 export declare class SkdxTreeSelectTrigger extends LitElement {
-    /** Light DOM, for the IDREF reasons in the class docblock. */
+    /** Light DOM, so its IDREFs can resolve. */
     protected createRenderRoot(): HTMLElement;
     /**
-     * Disables just this trigger. A disabled root disables every trigger
-     * regardless of this property.
+     * Disables just this trigger; a disabled root disables every trigger regardless of this property.
      * @default false — the trigger follows the root's `disabled`.
      */
     disabled: boolean;
     private root;
     private label;
     private readonly onRootUpdate;
-    /**
-     * Root-or-own, matching `packages/react/src/tree-select/TreeSelectTrigger.tsx:36`.
-     * Reading only the root left a consumer's `disabled` on the trigger inert.
-     */
+    /** Own `disabled` or the root's, whichever says yes. */
     private get isDisabled();
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** Focus lands on the inner button, which is where the combobox role is. */
     focus(options?: FocusOptions): void;
-    /**
-     * lit-html's light-DOM render only ever *appends* after whatever children
-     * already exist — there is no shadow `<slot>` to reproject through — so the
-     * consumer's `<skdx-tree-select-value>` lands as a sibling *before* the
-     * `<button>`. Move it inside once, the same way `<skdx-label>` wraps its own
-     * content. Comment nodes are left where they are: one of them is lit-html's
-     * own part marker, and moving it would move the boundary of the part that
-     * renders the button.
-     *
-     * *Skipped*, not stopped at — which is the fix for the bug this loop used to
-     * have. A comment written by the **consumer** sits before their content, not
-     * after it, so `<!-- pick a region --><skdx-tree-select-value>` ended the walk
-     * on its very first step and the value stayed outside the `<button>`. That
-     * left the button holding nothing but the template's own whitespace: a 0x0
-     * box, so the focus ring drew around nothing, and a `role="combobox"` with no
-     * accessible name, since a button is named by its contents. The gallery's
-     * `tree-select--empty` case is exactly this shape.
-     *
-     * Whitespace-only text is skipped on the same terms: the template's own
-     * indentation renders as one, and it is the "nothing but the template's own
-     * whitespace" above rather than anything the consumer wrote.
-     */
     protected firstUpdated(): void;
     private readonly handleClick;
     private readonly handleKeyDown;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    private renderState;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,7 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * Opens the tree-select popup and displays selection. Renders `<button role="combobox">` with
- * `aria-haspopup="tree"` and `aria-activedescendant`. Renders into light DOM for IDREF resolution.
+ * Opens the tree-select popup and displays the selection, rendering `<button role="combobox">`.
  *
  * @example
  * ```html
@@ -13,53 +12,28 @@ import { LitElement } from 'lit';
  * @csspart trigger - The native `<button>` element (rendered in light DOM).
  */
 export declare class SkdxTreeSelectTrigger extends LitElement {
-    /** Light DOM, for the IDREF reasons in the class docblock. */
+    /** Light DOM, so its IDREFs can resolve. */
     protected createRenderRoot(): HTMLElement;
     /**
-     * Disables just this trigger. A disabled root disables every trigger
-     * regardless of this property.
+     * Disables just this trigger; a disabled root disables every trigger regardless of this property.
      * @default false — the trigger follows the root's `disabled`.
      */
     disabled: boolean;
     private root;
     private label;
     private readonly onRootUpdate;
-    /**
-     * Root-or-own, matching `packages/react/src/tree-select/TreeSelectTrigger.tsx:36`.
-     * Reading only the root left a consumer's `disabled` on the trigger inert.
-     */
+    /** Own `disabled` or the root's, whichever says yes. */
     private get isDisabled();
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** Focus lands on the inner button, which is where the combobox role is. */
     focus(options?: FocusOptions): void;
-    /**
-     * lit-html's light-DOM render only ever *appends* after whatever children
-     * already exist — there is no shadow `<slot>` to reproject through — so the
-     * consumer's `<skdx-tree-select-value>` lands as a sibling *before* the
-     * `<button>`. Move it inside once, the same way `<skdx-label>` wraps its own
-     * content. Comment nodes are left where they are: one of them is lit-html's
-     * own part marker, and moving it would move the boundary of the part that
-     * renders the button.
-     *
-     * *Skipped*, not stopped at — which is the fix for the bug this loop used to
-     * have. A comment written by the **consumer** sits before their content, not
-     * after it, so `<!-- pick a region --><skdx-tree-select-value>` ended the walk
-     * on its very first step and the value stayed outside the `<button>`. That
-     * left the button holding nothing but the template's own whitespace: a 0x0
-     * box, so the focus ring drew around nothing, and a `role="combobox"` with no
-     * accessible name, since a button is named by its contents. The gallery's
-     * `tree-select--empty` case is exactly this shape.
-     *
-     * Whitespace-only text is skipped on the same terms: the template's own
-     * indentation renders as one, and it is the "nothing but the template's own
-     * whitespace" above rather than anything the consumer wrote.
-     */
     protected firstUpdated(): void;
     private readonly handleClick;
     private readonly handleKeyDown;
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    private renderState;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/tree-select/TreeSelectTrigger.js

@@ -1,17 +1,21 @@
-var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(n,i,e,t)=>{for(var o=t>1?void 0:t?h(i,e):i,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(t?s(i,e,o):s(o))||o);return t&&o&&p(i,e,o),o};import{html as u,LitElement as b,nothing as a}from"lit";import{property as m}from"lit/decorators.js";import{takeHostAriaLabel as v}from"../internal/aria-label.js";import{customElement as f}from"../internal/define.js";import{installLightDomStyles as y}from"../internal/styles.js";import{findTreeSelectRoot as E,TREE_SELECT_INTERNAL_UPDATE as c}from"./TreeSelect.js";var l=class extends b{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.label=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)};this.handleKeyDown=e=>{this.root?.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}}createRenderRoot(){return this}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=E(this),this.root?.addEventListener(c,this.onRootUpdate),this.root&&(this.root.triggerEl=this),this.label??(this.label=v(this)),y()}disconnectedCallback(){this.root?.removeEventListener(c,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),super.disconnectedCallback()}focus(e){this.querySelector(":scope > button")?.focus(e)}firstUpdated(){let e=this.querySelector(":scope > button");if(!e)return;let t=this.firstChild;for(;t&&t!==e;){let o=t.nextSibling;t.nodeType===Node.COMMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent.trim()===""||e.append(t),t=o}}updated(){let e=this.root,t=e?.open??!1;this.setAttribute("data-state",t?"open":"closed");for(let[o,r]of[["data-disabled",this.isDisabled],["data-readonly",e?.readOnly],["data-multiple",e?.multiple],["data-placeholder",(e?.value.length??0)===0]])r?this.setAttribute(o,""):this.removeAttribute(o)}render(){let e=this.root,t=e?.open??!1,o=t&&!e?.hasInput?e?.activeValue??null:null;return u`
+var p=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=(n,l,e,t)=>{for(var o=t>1?void 0:t?u(l,e):l,a=n.length-1,s;a>=0;a--)(s=n[a])&&(o=(t?s(l,e,o):s(o))||o);return t&&o&&p(l,e,o),o};import{html as h,LitElement as b,nothing as r}from"lit";import{property as m}from"lit/decorators.js";import{takeHostAriaLabel as v}from"../internal/aria-label.js";import{customElement as f}from"../internal/define.js";import{installLightDomStyles as y}from"../internal/light-dom-styles.js";import{findTreeSelectRoot as E,TREE_SELECT_INTERNAL_UPDATE as c}from"./TreeSelect.js";var i=class extends b{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.label=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)};this.handleKeyDown=e=>{this.root?.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}}createRenderRoot(){return this}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=E(this),this.root?.addEventListener(c,this.onRootUpdate),this.root&&(this.root.triggerEl=this),this.label??(this.label=v(this)),y()}disconnectedCallback(){this.root?.removeEventListener(c,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),super.disconnectedCallback()}focus(e){this.querySelector(":scope > button")?.focus(e)}firstUpdated(){let e=this.querySelector(":scope > button");if(!e)return;let t=this.firstChild;for(;t&&t!==e;){let o=t.nextSibling;t.nodeType===Node.COMMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.textContent.trim()===""||e.append(t),t=o}}updated(){let e=this.root,t=e?.open??!1;this.setAttribute("data-state",t?"open":"closed");for(let[o,a]of[["data-disabled",this.isDisabled],["data-readonly",e?.readOnly],["data-multiple",e?.multiple],["data-placeholder",(e?.value.length??0)===0]])a?this.setAttribute(o,""):this.removeAttribute(o)}renderState(){let e=this.root,t=this.isDisabled;if(!e)return{open:!1,controls:r,activedescendant:r,readonly:!1,multiple:!1,placeholder:!0,disabled:t};let o=e.open,a=o&&!e.hasInput?e.activeValue??null:null;return{open:o,controls:o?e.activeTreeId:r,activedescendant:a===null?r:e.itemId(a),readonly:e.readOnly,multiple:e.multiple,placeholder:e.value.length===0,disabled:t}}render(){let e=this.renderState();return h`
       <button
         type="button"
         part="trigger"
         role="combobox"
         aria-haspopup="tree"
-        aria-expanded=${t?"true":"false"}
-        aria-controls=${t?e?.treeId??a:a}
-        aria-activedescendant=${o===null?a:e.itemId(o)}
-        aria-readonly=${e?.readOnly?"true":a}
-        aria-label=${this.label??a}
-        ?disabled=${this.isDisabled}
-        data-state=${t?"open":"closed"}
+        aria-expanded=${e.open?"true":"false"}
+        aria-controls=${e.controls}
+        aria-activedescendant=${e.activedescendant}
+        aria-readonly=${e.readonly?"true":r}
+        aria-label=${this.label??r}
+        ?disabled=${e.disabled}
+        data-state=${e.open?"open":"closed"}
+        data-disabled=${e.disabled?"":r}
+        data-readonly=${e.readonly?"":r}
+        data-multiple=${e.multiple?"":r}
+        data-placeholder=${e.placeholder?"":r}
         @click=${this.handleClick}
         @keydown=${this.handleKeyDown}
       ></button>
-    `}};d([m({type:Boolean,reflect:!0})],l.prototype,"disabled",2),l=d([f("skdx-tree-select-trigger","tree-select","trigger")],l);export{l as SkdxTreeSelectTrigger};
+    `}};d([m({type:Boolean,reflect:!0})],i.prototype,"disabled",2),i=d([f("skdx-tree-select-trigger","tree-select","trigger")],i);export{i as SkdxTreeSelectTrigger};

package/dist/tree-select/TreeSelectValue.cjs

@@ -1,11 +1,13 @@
-"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var C=(r,t)=>{for(var o in t)p(r,o,{get:t[o],enumerable:!0})},b=(r,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of g(t))!E.call(r,e)&&e!==o&&p(r,e,{get:()=>t[e],enumerable:!(a=c(t,e))||a.enumerable});return r};var L=r=>b(p({},"__esModule",{value:!0}),r),h=(r,t,o,a)=>{for(var e=a>1?void 0:a?c(t,o):t,l=r.length-1,d;l>=0;l--)(d=r[l])&&(e=(a?d(t,o,e):d(e))||e);return a&&e&&p(t,o,e),e};var y={};C(y,{SkdxTreeSelectValue:()=>s});module.exports=L(y);var n=require("lit"),u=require("lit/decorators.js"),v=require("../internal/authored.cjs"),m=require("../internal/define.cjs"),f=require("../internal/part.cjs"),i=require("./TreeSelect.cjs");var s=class extends n.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.root=(0,i.findTreeSelectRoot)(this),this.root?.addEventListener(i.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(i.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),super.disconnectedCallback()}get hasSlottedContent(){return(0,v.hasAuthoredContent)(this)}updated(){(0,f.reflectHostState)(this,{"data-multiple":this.root?.multiple?"":null,"data-placeholder":!this.hasSlottedContent&&(this.root?.value.length??0)===0?"":null})}render(){let o=this.root,a=o?.value??[],e=o?.multiple??!1;return this.hasSlottedContent?n.html`<span part="value"><slot></slot></span>`:a.length===0?n.html`<span part="value">${this.placeholder??""}</span>`:e?n.html`<span part="value">
-      ${a.map(l=>n.html`<span part="chip" data-chip data-value=${l}
-            >${o.getLabel(l)}</span
+"use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var C=(r,t)=>{for(var o in t)p(r,o,{get:t[o],enumerable:!0})},b=(r,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of E(t))!g.call(r,e)&&e!==o&&p(r,e,{get:()=>t[e],enumerable:!(a=h(t,e))||a.enumerable});return r};var L=r=>b(p({},"__esModule",{value:!0}),r),c=(r,t,o,a)=>{for(var e=a>1?void 0:a?h(t,o):t,s=r.length-1,d;s>=0;s--)(d=r[s])&&(e=(a?d(t,o,e):d(e))||e);return a&&e&&p(t,o,e),e};var R={};C(R,{SkdxTreeSelectValue:()=>n});module.exports=L(R);var l=require("lit"),u=require("lit/decorators.js"),m=require("../internal/authored.cjs"),v=require("../internal/define.cjs"),f=require("../internal/part.cjs"),i=require("./TreeSelect.cjs");var n=class extends l.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.root=(0,i.findTreeSelectRoot)(this),this.root?.addEventListener(i.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(i.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),super.disconnectedCallback()}get hasSlottedContent(){return(0,m.hasAuthoredContent)(this)}updated(){(0,f.reflectHostState)(this,{"data-multiple":this.root?.multiple?"":null,"data-placeholder":!this.hasSlottedContent&&(this.root?.value.length??0)===0?"":null})}render(){let o=this.root,a=o?.value??[],e=o?.multiple??!1;return this.hasSlottedContent?l.html`<span part="value"><slot></slot></span>`:a.length===0?l.html`<span part="value">${this.placeholder??""}</span>`:e?l.html`<span part="value">
+      ${a.map(s=>l.html`<span
+            part="chip"
+            data-chip
+            data-value=${s}
+            >${o.getLabel(s)}</span
           >`)}
-    </span>`:n.html`<span part="value">${o.getLabel(a[0])}</span>`}};s.styles=n.css`
+    </span>`:l.html`<span part="value">${o.getLabel(a[0])}</span>`}};n.styles=l.css`
     :host {
       display: inline;
-      /* Clicks belong to the trigger this sits inside, not to the read-out. */
       pointer-events: none;
     }
-  `,h([(0,u.property)({type:String})],s.prototype,"placeholder",2),s=h([(0,m.customElement)("skdx-tree-select-value","tree-select","value")],s);0&&(module.exports={SkdxTreeSelectValue});
+  `,c([(0,u.property)({type:String})],n.prototype,"placeholder",2),n=c([(0,v.customElement)("skdx-tree-select-value","tree-select","value")],n);0&&(module.exports={SkdxTreeSelectValue});

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

@@ -1,8 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-tree-select-value>` — displays the current selection or placeholder,
- * or chips when `multiple`. Slot custom content to override. Inert (clicks pass
- * through to the containing trigger).
+ * `<skdx-tree-select-value>` — displays the current selection or placeholder, or chips when `multiple`.
  *
  * @csspart value - The `<span>` wrapping the derived text or chips.
  * @csspart chip - One chip, under `multiple`.
@@ -28,7 +26,7 @@ export declare class SkdxTreeSelectValue extends LitElement {
     /** Whether the consumer slotted content, which wins over derived text. */
     private get hasSlottedContent();
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,8 +1,6 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 /**
- * `<skdx-tree-select-value>` — displays the current selection or placeholder,
- * or chips when `multiple`. Slot custom content to override. Inert (clicks pass
- * through to the containing trigger).
+ * `<skdx-tree-select-value>` — displays the current selection or placeholder, or chips when `multiple`.
  *
  * @csspart value - The `<span>` wrapping the derived text or chips.
  * @csspart chip - One chip, under `multiple`.
@@ -28,7 +26,7 @@ export declare class SkdxTreeSelectValue extends LitElement {
     /** Whether the consumer slotted content, which wins over derived text. */
     private get hasSlottedContent();
     protected updated(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/tree-select/TreeSelectValue.js

@@ -1,11 +1,13 @@
-var h=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=(l,n,e,o)=>{for(var t=o>1?void 0:o?c(n,e):n,r=l.length-1,i;r>=0;r--)(i=l[r])&&(t=(o?i(n,e,t):i(t))||t);return o&&t&&h(n,e,t),t};import{css as u,html as s,LitElement as v}from"lit";import{property as m}from"lit/decorators.js";import{hasAuthoredContent as f}from"../internal/authored.js";import{customElement as g}from"../internal/define.js";import{reflectHostState as E}from"../internal/part.js";import{findTreeSelectRoot as C,TREE_SELECT_INTERNAL_UPDATE as d}from"./TreeSelect.js";var a=class extends v{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.root=C(this),this.root?.addEventListener(d,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(d,this.onRootUpdate),super.disconnectedCallback()}get hasSlottedContent(){return f(this)}updated(){E(this,{"data-multiple":this.root?.multiple?"":null,"data-placeholder":!this.hasSlottedContent&&(this.root?.value.length??0)===0?"":null})}render(){let e=this.root,o=e?.value??[],t=e?.multiple??!1;return this.hasSlottedContent?s`<span part="value"><slot></slot></span>`:o.length===0?s`<span part="value">${this.placeholder??""}</span>`:t?s`<span part="value">
-      ${o.map(r=>s`<span part="chip" data-chip data-value=${r}
+var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var p=(s,l,e,o)=>{for(var t=o>1?void 0:o?h(l,e):l,r=s.length-1,i;r>=0;r--)(i=s[r])&&(t=(o?i(l,e,t):i(t))||t);return o&&t&&c(l,e,t),t};import{css as u,html as n,LitElement as m}from"lit";import{property as v}from"lit/decorators.js";import{hasAuthoredContent as f}from"../internal/authored.js";import{customElement as E}from"../internal/define.js";import{reflectHostState as g}from"../internal/part.js";import{findTreeSelectRoot as C,TREE_SELECT_INTERNAL_UPDATE as d}from"./TreeSelect.js";var a=class extends m{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.root=C(this),this.root?.addEventListener(d,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(d,this.onRootUpdate),super.disconnectedCallback()}get hasSlottedContent(){return f(this)}updated(){g(this,{"data-multiple":this.root?.multiple?"":null,"data-placeholder":!this.hasSlottedContent&&(this.root?.value.length??0)===0?"":null})}render(){let e=this.root,o=e?.value??[],t=e?.multiple??!1;return this.hasSlottedContent?n`<span part="value"><slot></slot></span>`:o.length===0?n`<span part="value">${this.placeholder??""}</span>`:t?n`<span part="value">
+      ${o.map(r=>n`<span
+            part="chip"
+            data-chip
+            data-value=${r}
             >${e.getLabel(r)}</span
           >`)}
-    </span>`:s`<span part="value">${e.getLabel(o[0])}</span>`}};a.styles=u`
+    </span>`:n`<span part="value">${e.getLabel(o[0])}</span>`}};a.styles=u`
     :host {
       display: inline;
-      /* Clicks belong to the trigger this sits inside, not to the read-out. */
       pointer-events: none;
     }
-  `,p([m({type:String})],a.prototype,"placeholder",2),a=p([g("skdx-tree-select-value","tree-select","value")],a);export{a as SkdxTreeSelectValue};
+  `,p([v({type:String})],a.prototype,"placeholder",2),a=p([E("skdx-tree-select-value","tree-select","value")],a);export{a as SkdxTreeSelectValue};

package/dist/tree-select/collection.cjs

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

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

@@ -1,10 +1,5 @@
 import type { SkdxTreeCheckedState } from '../tree/Tree.cjs';
 import type { TreeSelectCheckStrategy, TreeSelectNode, TreeSelectValueStrategy } from './types.cjs';
-/**
- * Tree-select business logic (check cascade, value projection, filter ancestor-preservation) as
- * framework-free functions. Must handle collapsed branches (no DOM). Kept identical to React port
- * to prevent five-framework cascade drift.
- */
 /** @internal Everything derived once per collection about a single node. */
 export interface TreeSelectIndexEntry {
     node: TreeSelectNode;
@@ -44,20 +39,11 @@ export declare function indexCollection(collection: readonly TreeSelectNode[]):
 };
 /** @internal A node's ancestors, nearest first. */
 export declare function ancestorsOf(value: string, index: TreeSelectIndex): string[];
-/**
- * @internal Value strategy that round-trips under check strategy.
- * `'leaf'` needs upward propagation; `'shallowest'` needs downward. Without match, falls back to `'all'`.
- */
+/** @internal Value strategy that round-trips under check strategy; falls back to `'all'` without a match. */
 export declare function effectiveValueStrategy(strategy: TreeSelectCheckStrategy, valueStrategy: TreeSelectValueStrategy): TreeSelectValueStrategy;
-/**
- * @internal Node tri-state. Under `'independent'`: plain membership. Otherwise: branch is `true` when
- * all enabled leaf descendants checked, `"mixed"` when some are.
- */
+/** @internal Node tri-state: plain membership under `'independent'`, else `true`/`"mixed"` from enabled leaf descendants. */
 export declare function checkStateOf(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, strategy: TreeSelectCheckStrategy): SkdxTreeCheckedState;
-/**
- * @internal Expand emitted value back to full checked set (inverse of {@link projectValue}).
- * Round-trip: `'shallowest'` parent for subtree, `'leaf'` leaves for parent.
- */
+/** @internal Expand emitted value back to full checked set (inverse of {@link projectValue}). */
 export declare function normalizeChecked(values: readonly string[], index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectCheckStrategy): Set<string>;
 /** @internal Project full checked set to consumer-visible value. */
 export declare function projectValue(checked: ReadonlySet<string>, index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectValueStrategy): string[];

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

@@ -1,10 +1,5 @@
 import type { SkdxTreeCheckedState } from '../tree/Tree.js';
 import type { TreeSelectCheckStrategy, TreeSelectNode, TreeSelectValueStrategy } from './types.js';
-/**
- * Tree-select business logic (check cascade, value projection, filter ancestor-preservation) as
- * framework-free functions. Must handle collapsed branches (no DOM). Kept identical to React port
- * to prevent five-framework cascade drift.
- */
 /** @internal Everything derived once per collection about a single node. */
 export interface TreeSelectIndexEntry {
     node: TreeSelectNode;
@@ -44,20 +39,11 @@ export declare function indexCollection(collection: readonly TreeSelectNode[]):
 };
 /** @internal A node's ancestors, nearest first. */
 export declare function ancestorsOf(value: string, index: TreeSelectIndex): string[];
-/**
- * @internal Value strategy that round-trips under check strategy.
- * `'leaf'` needs upward propagation; `'shallowest'` needs downward. Without match, falls back to `'all'`.
- */
+/** @internal Value strategy that round-trips under check strategy; falls back to `'all'` without a match. */
 export declare function effectiveValueStrategy(strategy: TreeSelectCheckStrategy, valueStrategy: TreeSelectValueStrategy): TreeSelectValueStrategy;
-/**
- * @internal Node tri-state. Under `'independent'`: plain membership. Otherwise: branch is `true` when
- * all enabled leaf descendants checked, `"mixed"` when some are.
- */
+/** @internal Node tri-state: plain membership under `'independent'`, else `true`/`"mixed"` from enabled leaf descendants. */
 export declare function checkStateOf(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, strategy: TreeSelectCheckStrategy): SkdxTreeCheckedState;
-/**
- * @internal Expand emitted value back to full checked set (inverse of {@link projectValue}).
- * Round-trip: `'shallowest'` parent for subtree, `'leaf'` leaves for parent.
- */
+/** @internal Expand emitted value back to full checked set (inverse of {@link projectValue}). */
 export declare function normalizeChecked(values: readonly string[], index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectCheckStrategy): Set<string>;
 /** @internal Project full checked set to consumer-visible value. */
 export declare function projectValue(checked: ReadonlySet<string>, index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectValueStrategy): string[];

package/dist/tree-select/collection.js

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

package/dist/tree-select/index.cjs

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var S in e)c(t,S,{get:e[S],enumerable:!0})},p=(t,e,S,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of T(e))!d.call(t,l)&&l!==S&&c(t,l,{get:()=>e[l],enumerable:!(a=o(e,l))||a.enumerable});return t};var u=t=>p(c({},"__esModule",{value:!0}),t);var y={};f(y,{SkdxTreeSelect:()=>r.SkdxTreeSelect,defaultGetMatchCountLabel:()=>r.defaultGetMatchCountLabel,defaultTreeSelectFilter:()=>r.defaultTreeSelectFilter});module.exports=u(y);var r=require("./TreeSelect.cjs");0&&(module.exports={SkdxTreeSelect,defaultGetMatchCountLabel,defaultTreeSelectFilter});
+"use strict";var c=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var S in e)c(t,S,{get:e[S],enumerable:!0})},p=(t,e,S,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of u(e))!d.call(t,l)&&l!==S&&c(t,l,{get:()=>e[l],enumerable:!(o=T(e,l))||o.enumerable});return t};var x=t=>p(c({},"__esModule",{value:!0}),t);var y={};f(y,{SkdxTreeSelect:()=>r.SkdxTreeSelect,SkdxTreeSelectColumns:()=>a.SkdxTreeSelectColumns,defaultGetMatchCountLabel:()=>r.defaultGetMatchCountLabel,defaultTreeSelectFilter:()=>r.defaultTreeSelectFilter});module.exports=x(y);var r=require("./TreeSelect.cjs"),a=require("./TreeSelectColumns.cjs");0&&(module.exports={SkdxTreeSelect,SkdxTreeSelectColumns,defaultGetMatchCountLabel,defaultTreeSelectFilter});

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

@@ -1,2 +1,3 @@
 export { SkdxTreeSelect, defaultTreeSelectFilter, defaultGetMatchCountLabel } from './TreeSelect.cjs';
-export type { TreeSelectNode, TreeSelectCheckStrategy, TreeSelectValueStrategy, TreeSelectFilter, } from './types.cjs';
+export { SkdxTreeSelectColumns } from './TreeSelectColumns.cjs';
+export type { TreeSelectNode, TreeSelectCheckStrategy, TreeSelectValueStrategy, TreeSelectFilter, TreeSelectLayout, } from './types.cjs';

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

@@ -1,2 +1,3 @@
 export { SkdxTreeSelect, defaultTreeSelectFilter, defaultGetMatchCountLabel } from './TreeSelect.js';
-export type { TreeSelectNode, TreeSelectCheckStrategy, TreeSelectValueStrategy, TreeSelectFilter, } from './types.js';
+export { SkdxTreeSelectColumns } from './TreeSelectColumns.js';
+export type { TreeSelectNode, TreeSelectCheckStrategy, TreeSelectValueStrategy, TreeSelectFilter, TreeSelectLayout, } from './types.js';

package/dist/tree-select/index.js

@@ -1 +1 @@
-import{SkdxTreeSelect as r,defaultTreeSelectFilter as l,defaultGetMatchCountLabel as S}from"./TreeSelect.js";export{r as SkdxTreeSelect,S as defaultGetMatchCountLabel,l as defaultTreeSelectFilter};
+import{SkdxTreeSelect as r,defaultTreeSelectFilter as l,defaultGetMatchCountLabel as S}from"./TreeSelect.js";import{SkdxTreeSelectColumns as o}from"./TreeSelectColumns.js";export{r as SkdxTreeSelect,o as SkdxTreeSelectColumns,S as defaultGetMatchCountLabel,l as defaultTreeSelectFilter};

package/dist/tree-select/types.cjs

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var s=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of c(e))!d.call(t,l)&&l!==n&&a(t,l,{get:()=>e[l],enumerable:!(r=o(e,l))||r.enumerable});return t};var i=t=>s(a({},"__esModule",{value:!0}),t);var p={};module.exports=i(p);
+"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var s=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of c(e))!d.call(t,l)&&l!==o&&a(t,l,{get:()=>e[l],enumerable:!(r=n(e,l))||r.enumerable});return t};var p=t=>s(a({},"__esModule",{value:!0}),t);var i={};module.exports=p(i);

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

@@ -9,64 +9,32 @@ export interface TreeSelectNode {
      */
     label?: string;
     /**
-     * Excludes this node from checking, cascade propagation, keyboard
-     * navigation, and its parent's checked-ness calculation. Inherited by the
-     * whole subtree — a disabled branch cannot be toggled through its children.
+     * Excludes this node from checking, cascade propagation, keyboard navigation, and its parent's checked-ness calculation; inherited by the whole subtree.
      * @default false
      */
     disabled?: boolean;
     /**
-     * Child nodes. A node with an empty (or absent) `children` is a leaf: it is
-     * not expandable and reports no `aria-expanded`.
+     * Child nodes; a node with empty or absent `children` is a leaf, reporting no `aria-expanded`.
      * @default undefined — a leaf.
      */
     children?: TreeSelectNode[];
     /**
-     * Declares this node a branch while its `children` are still unloaded, so it
-     * reports `aria-expanded="false"` and can be expanded — which is what gives
-     * the root's `loadChildren` an expansion to run on. Ignored once the node
-     * actually has visible children, which already make it a branch.
-     *
-     * Cascading treats a declared-but-unloaded branch as a leaf, because nothing
-     * has told the collection what is beneath it: checking it checks the node
-     * itself, and its tri-state becomes derivable as soon as its children arrive.
+     * Declares this node a branch while its `children` are still unloaded, so it reports `aria-expanded="false"` and can be expanded.
      * @default undefined — branch-ness is decided by `children` alone.
      */
     hasChildren?: boolean;
 }
 /**
- * How checking a node propagates through the hierarchy around it. The two
- * directions are separable because real trees need them separately: a
- * permissions tree grants a folder and everything under it without the grant
- * implying anything above; a category filter is the mirror image.
- *
- * - `'cascade'` — both directions, the tri-state checkbox tree: checking a
- *   parent checks every enabled descendant, and a parent whose descendants are
- *   only partly checked reports `aria-checked="mixed"`.
- * - `'descendants'` — downwards only: a checked parent still checks its enabled
- *   subtree, but checking every child never checks the parent.
- * - `'ancestors'` — upwards only: checking every enabled leaf under a branch
- *   checks the branch too, but checking a branch leaves its children alone.
- * - `'independent'` — no propagation at all; each node stands alone.
- *
- * Only meaningful while `multiple` is set; a single-select tree has one checked
- * node by definition and never propagates.
+ * How checking a node propagates through the hierarchy: `'cascade'` (both directions), `'descendants'` (down only), `'ancestors'` (up only), or `'independent'` (none) — meaningful only while `multiple` is set.
  */
 export type TreeSelectCheckStrategy = 'cascade' | 'descendants' | 'ancestors' | 'independent';
 /**
- * Which of the checked nodes are actually emitted in `value`.
- *
- * - `'all'` — every checked node, parents and descendants alike.
- * - `'leaf'` — only checked leaves; branches are dropped.
- * - `'shallowest'` — only the topmost fully-checked node of each branch,
- *   collapsing a fully-checked subtree to the single node that implies it.
- *
- * Ignored (treated as `'all'`) wherever the projection could not be undone:
- * `'leaf'` drops branches and needs the upward direction to rebuild them,
- * `'shallowest'` drops descendants and needs the downward one, and
- * `check-strategy="independent"` has neither — dropping a node there would silently
- * lose a selection the user made.
+ * Which checked nodes are emitted in `value`: `'all'` (every checked node), `'leaf'` (only checked leaves), or `'shallowest'` (only the topmost fully-checked node of each branch).
  */
 export type TreeSelectValueStrategy = 'all' | 'leaf' | 'shallowest';
 /** Predicate deciding whether a node matches the current filter text. */
 export type TreeSelectFilter = (node: TreeSelectNode, inputValue: string) => boolean;
+/**
+ * How the popup draws the hierarchy: `'tree'` is one indented `role="tree"`, `'columns'` is the cascader — one `role="tree"` per open level, side by side.
+ */
+export type TreeSelectLayout = 'tree' | 'columns';