@skdx/web-components 0.27.0 → 0.28.0

package/dist/tree/TreeItem.d.cts

@@ -1,21 +1,10 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tree-item>` — a single node in the tree: renders `role="treeitem"`
- * with `aria-level` (its depth, computed by counting ancestor
- * `<skdx-tree-item>` elements), `aria-posinset`/`aria-setsize` (its place among
- * the siblings at its own level, counted by the root on every connect and
- * disconnect), `aria-selected` (unless the tree's
- * `selection-mode` is `"none"`), `aria-expanded` (only if it has a direct
- * `<skdx-tree-group>` child), `data-state` of `"expanded"`/`"collapsed"`,
- * and `data-disabled`. Clicking it selects the node and, if it has
- * children, toggles expansion; focusing it makes it the tree's active
- * (roving-tabindex) node.
- *
- * While the tree's `loadChildren` is pending for this node it carries
- * `aria-busy="true"` plus `data-loading`. Under
- * `selection-propagation="descendants"` it also carries `aria-checked`
- * (`true`/`false`/`"mixed"`) and `data-checked`
- * (`checked`/`unchecked`/`indeterminate`) derived from its descendants.
+ * Single tree node (`role="treeitem"`). Renders `aria-level` (depth), `aria-posinset` / `aria-setsize`
+ * (position in siblings), `aria-selected` (unless `selection-mode="none"`), `aria-expanded` (if has children),
+ * `data-state`, `data-disabled`. Click selects / toggles expansion; focus activates (roving tabindex).
+ * Under `selection-propagation="descendants"`: `aria-checked` / `data-checked` instead of `aria-selected`.
+ * While loading: `aria-busy="true"` / `data-loading`.
  *
  * @example
  * ```html
@@ -32,12 +21,49 @@ export declare class SkdxTreeItem extends LitElement {
     static styles: import("lit").CSSResult[];
     /** Unique identifier tracked in the tree's expanded/selected/active state. */
     nodeId: string;
-    /** Excludes this node from selection and keyboard activation. */
+    /**
+     * Excludes **this node** from selection and keyboard activation, and — under
+     * the root's default `disabled-behavior="all"` — from the roving-focus and
+     * typeahead order too. It is not inherited: a node's subtree stays fully
+     * navigable and selectable, because a disabled folder is a folder you may not
+     * pick, not a folder whose contents vanish.
+     */
     disabled: boolean;
+    /**
+     * The text typeahead matches this node against, instead of its rendered
+     * label. Published as `data-text-value`. Use it when the label is not plain
+     * text, or when the searchable text differs from the visible one.
+     * @default undefined — typeahead matches the node's rendered text instead.
+     */
+    textValue?: string;
+    /**
+     * Declares whether this node is a branch, overriding the
+     * `<skdx-tree-group>` scan that decides it otherwise. Present (or set to
+     * `true`) makes the node report `aria-expanded` and accept ArrowRight (and a
+     * click) with no group in it at all, which is what a lazily-loaded branch
+     * needs: `loadChildren` only runs because the node was expanded, and until
+     * then there is nothing to render a group around. Set the *property* to
+     * `false` to force the node to read as a leaf even with a group inside it —
+     * the attribute is boolean, so it can only say "yes".
+     * @default undefined — the group scan decides.
+     */
+    hasChildren?: boolean;
     private root;
+    /** Whether `data-text-value` on this element came from the `textValue` property rather than the author. */
+    private _ownsTextValue;
+    /** The `aria-level` this instance last wrote, so an author-changed value is recognized as an override. */
+    private _writtenLevel;
+    /** The `aria-posinset` this instance last wrote, mirroring {@link _writtenLevel}. */
+    private _writtenPosinset;
+    /** The `aria-setsize` this instance last wrote, mirroring {@link _writtenLevel}. */
+    private _writtenSetsize;
     private readonly onRootUpdate;
-    /** @internal Whether this node has a direct `<skdx-tree-group>` child. */
-    get hasChildren(): boolean;
+    /**
+     * @internal Whether this node is a branch: its own `has-children` declaration
+     * when it makes one, otherwise whether it has a direct `<skdx-tree-group>`
+     * child. The declaration wins in both directions.
+     */
+    get resolvedHasChildren(): boolean;
     /** @internal */
     get expanded(): boolean;
     /** @internal */
@@ -61,6 +87,20 @@ export declare class SkdxTreeItem extends LitElement {
     private readonly handleClick;
     private computeDepth;
     private computeParentId;
+    /**
+     * Writes `aria-level` unless the current value is an author override — one
+     * that doesn't match what this method itself last wrote. A windowed tree
+     * can only report its true depth through this attribute, so an explicit
+     * author value must survive every later render.
+     */
+    private syncLevel;
+    /**
+     * @internal Writes `aria-posinset`/`aria-setsize` unless the author
+     * overrode one, mirroring {@link syncLevel}. Called by the root's
+     * `syncNodePositions` rather than from `sync()`, since only the root knows
+     * the sibling counts.
+     */
+    syncPosition(posinset: number, setsize: number): void;
     private sync;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/tree/TreeItem.d.ts

@@ -1,21 +1,10 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tree-item>` — a single node in the tree: renders `role="treeitem"`
- * with `aria-level` (its depth, computed by counting ancestor
- * `<skdx-tree-item>` elements), `aria-posinset`/`aria-setsize` (its place among
- * the siblings at its own level, counted by the root on every connect and
- * disconnect), `aria-selected` (unless the tree's
- * `selection-mode` is `"none"`), `aria-expanded` (only if it has a direct
- * `<skdx-tree-group>` child), `data-state` of `"expanded"`/`"collapsed"`,
- * and `data-disabled`. Clicking it selects the node and, if it has
- * children, toggles expansion; focusing it makes it the tree's active
- * (roving-tabindex) node.
- *
- * While the tree's `loadChildren` is pending for this node it carries
- * `aria-busy="true"` plus `data-loading`. Under
- * `selection-propagation="descendants"` it also carries `aria-checked`
- * (`true`/`false`/`"mixed"`) and `data-checked`
- * (`checked`/`unchecked`/`indeterminate`) derived from its descendants.
+ * Single tree node (`role="treeitem"`). Renders `aria-level` (depth), `aria-posinset` / `aria-setsize`
+ * (position in siblings), `aria-selected` (unless `selection-mode="none"`), `aria-expanded` (if has children),
+ * `data-state`, `data-disabled`. Click selects / toggles expansion; focus activates (roving tabindex).
+ * Under `selection-propagation="descendants"`: `aria-checked` / `data-checked` instead of `aria-selected`.
+ * While loading: `aria-busy="true"` / `data-loading`.
  *
  * @example
  * ```html
@@ -32,12 +21,49 @@ export declare class SkdxTreeItem extends LitElement {
     static styles: import("lit").CSSResult[];
     /** Unique identifier tracked in the tree's expanded/selected/active state. */
     nodeId: string;
-    /** Excludes this node from selection and keyboard activation. */
+    /**
+     * Excludes **this node** from selection and keyboard activation, and — under
+     * the root's default `disabled-behavior="all"` — from the roving-focus and
+     * typeahead order too. It is not inherited: a node's subtree stays fully
+     * navigable and selectable, because a disabled folder is a folder you may not
+     * pick, not a folder whose contents vanish.
+     */
     disabled: boolean;
+    /**
+     * The text typeahead matches this node against, instead of its rendered
+     * label. Published as `data-text-value`. Use it when the label is not plain
+     * text, or when the searchable text differs from the visible one.
+     * @default undefined — typeahead matches the node's rendered text instead.
+     */
+    textValue?: string;
+    /**
+     * Declares whether this node is a branch, overriding the
+     * `<skdx-tree-group>` scan that decides it otherwise. Present (or set to
+     * `true`) makes the node report `aria-expanded` and accept ArrowRight (and a
+     * click) with no group in it at all, which is what a lazily-loaded branch
+     * needs: `loadChildren` only runs because the node was expanded, and until
+     * then there is nothing to render a group around. Set the *property* to
+     * `false` to force the node to read as a leaf even with a group inside it —
+     * the attribute is boolean, so it can only say "yes".
+     * @default undefined — the group scan decides.
+     */
+    hasChildren?: boolean;
     private root;
+    /** Whether `data-text-value` on this element came from the `textValue` property rather than the author. */
+    private _ownsTextValue;
+    /** The `aria-level` this instance last wrote, so an author-changed value is recognized as an override. */
+    private _writtenLevel;
+    /** The `aria-posinset` this instance last wrote, mirroring {@link _writtenLevel}. */
+    private _writtenPosinset;
+    /** The `aria-setsize` this instance last wrote, mirroring {@link _writtenLevel}. */
+    private _writtenSetsize;
     private readonly onRootUpdate;
-    /** @internal Whether this node has a direct `<skdx-tree-group>` child. */
-    get hasChildren(): boolean;
+    /**
+     * @internal Whether this node is a branch: its own `has-children` declaration
+     * when it makes one, otherwise whether it has a direct `<skdx-tree-group>`
+     * child. The declaration wins in both directions.
+     */
+    get resolvedHasChildren(): boolean;
     /** @internal */
     get expanded(): boolean;
     /** @internal */
@@ -61,6 +87,20 @@ export declare class SkdxTreeItem extends LitElement {
     private readonly handleClick;
     private computeDepth;
     private computeParentId;
+    /**
+     * Writes `aria-level` unless the current value is an author override — one
+     * that doesn't match what this method itself last wrote. A windowed tree
+     * can only report its true depth through this attribute, so an explicit
+     * author value must survive every later render.
+     */
+    private syncLevel;
+    /**
+     * @internal Writes `aria-posinset`/`aria-setsize` unless the author
+     * overrode one, mirroring {@link syncLevel}. Called by the root's
+     * `syncNodePositions` rather than from `sync()`, since only the root knows
+     * the sibling counts.
+     */
+    syncPosition(posinset: number, setsize: number): void;
     private sync;
     render(): import("lit").TemplateResult<1>;
 }

package/dist/tree/TreeItem.js

@@ -1,5 +1,5 @@
-var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(h,d,e,t)=>{for(var i=t>1?void 0:t?p(d,e):d,o=h.length-1,r;o>=0;o--)(r=h[o])&&(i=(t?r(d,e,i):r(i))||i);return t&&i&&u(d,e,i),i};import{css as m,html as b,LitElement as v}from"lit";import{property as l}from"lit/decorators.js";import{customElement as g}from"../internal/define.js";import{hiddenHostStyles as k}from"../internal/styles.js";var s=class extends v{constructor(){super(...arguments);this.nodeId="";this.disabled=!1;this.root=null;this.onRootUpdate=()=>this.sync();this.handleClick=e=>{this.disabled||this.isFromNestedItem(e)||(this.root?.toggleSelected(this.nodeId),this.toggleExpanded())}}get hasChildren(){return this.querySelector(":scope > skdx-tree-group")!==null}get expanded(){return this.root?.expandedIdSet.has(this.nodeId)??!1}get selected(){return this.root?.selectedIdSet.has(this.nodeId)??!1}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-tree"),this.root?.addEventListener("skdx-tree-internal-update",this.onRootUpdate),this.addEventListener("click",this.handleClick),this.root?.registerNode(this.nodeId,this.computeParentId()||null),this.sync(),this.root?.ensureActiveNodeId(),this.root?.syncNodePositions()}disconnectedCallback(){this.root?.removeEventListener("skdx-tree-internal-update",this.onRootUpdate),this.removeEventListener("click",this.handleClick),this.root?.unregisterNode(this.nodeId),super.disconnectedCallback(),this.root?.ensureActiveNodeId(),this.root?.syncNodePositions()}updated(e){(e.has("disabled")||e.has("nodeId"))&&this.sync()}toggleExpanded(){this.hasChildren&&this.root?.setExpanded(this.nodeId,!this.expanded)}isFromNestedItem(e){return e.target.closest('[role="treeitem"]')!==this}computeDepth(){let e=1,t=this.parentElement;for(;t;)t.tagName==="SKDX-TREE-ITEM"&&e++,t=t.parentElement;return e}computeParentId(){return this.closest("skdx-tree-group")?.closest("skdx-tree-item")?.getAttribute("data-skdx-tree-node-id")??""}sync(){let e=this.hasChildren,t=this.expanded,i=this.selected,o=this.root?.selectionMode??"single";if(this.setAttribute("role","treeitem"),this.setAttribute("aria-level",String(this.computeDepth())),o==="none"?this.removeAttribute("aria-selected"):this.setAttribute("aria-selected",String(i)),e?this.setAttribute("aria-expanded",String(t)):this.removeAttribute("aria-expanded"),this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("data-disabled","")):(this.removeAttribute("aria-disabled"),this.removeAttribute("data-disabled")),e?this.setAttribute("data-state",t?"expanded":"collapsed"):this.removeAttribute("data-state"),this.root?.isLoading(this.nodeId)?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),this.root?.selectionPropagation==="descendants"){let a=this.root.checkedState(this.nodeId);this.setAttribute("aria-checked",a==="mixed"?"mixed":String(a)),this.setAttribute("data-checked",a==="mixed"?"indeterminate":a?"checked":"unchecked")}else this.removeAttribute("aria-checked"),this.removeAttribute("data-checked");this.setAttribute("data-skdx-tree-node-id",this.nodeId);let r=this.computeParentId();r?this.setAttribute("data-skdx-tree-parent-id",r):this.removeAttribute("data-skdx-tree-parent-id");let c=this.root?.activeNodeId===this.nodeId;this.tabIndex=this.disabled?-1:c?0:-1,this.dispatchEvent(new CustomEvent("skdx-tree-item-internal-update"))}render(){return b`<slot></slot>`}};s.styles=[k,m`
+var b=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=(h,o,t,e)=>{for(var i=e>1?void 0:e?m(o,t):o,r=h.length-1,d;r>=0;r--)(d=h[r])&&(i=(e?d(o,t,i):d(i))||i);return e&&i&&b(o,t,i),i};import{css as g,html as x,LitElement as A}from"lit";import{property as l}from"lit/decorators.js";import{customElement as f,whenUpgraded as k}from"../internal/define.js";import{hiddenHostStyles as y}from"../internal/styles.js";var s=class extends A{constructor(){super(...arguments);this.nodeId="";this.disabled=!1;this.root=null;this._ownsTextValue=!1;this._writtenLevel=null;this._writtenPosinset=null;this._writtenSetsize=null;this.onRootUpdate=()=>this.sync();this.handleClick=t=>{this.disabled||this.isFromNestedItem(t)||(this.root?.toggleSelected(this.nodeId),this.root?.emitActivate(this.nodeId),this.root?.expandOnClick!==!1&&this.toggleExpanded())}}get resolvedHasChildren(){return this.hasChildren??this.querySelector(":scope > skdx-tree-group")!==null}get expanded(){return this.root?.expandedIdSet.has(this.nodeId)??!1}get selected(){return this.root?.selectedIdSet.has(this.nodeId)??!1}connectedCallback(){super.connectedCallback(),this.root=this.closest("skdx-tree"),this.root?.addEventListener("skdx-tree-internal-update",this.onRootUpdate),this.addEventListener("click",this.handleClick),this.root?k(this.root,()=>{this.root?.registerNode(this.nodeId,this.computeParentId()||null),this.sync(),this.root?.ensureActiveNodeId(),this.root?.syncNodePositions()}):this.sync()}disconnectedCallback(){this.root?.removeEventListener("skdx-tree-internal-update",this.onRootUpdate),this.removeEventListener("click",this.handleClick),this.root?.unregisterNode(this.nodeId),super.disconnectedCallback(),this.root?.ensureActiveNodeId(),this.root?.syncNodePositions()}updated(t){(t.has("disabled")||t.has("nodeId")||t.has("hasChildren")||t.has("textValue"))&&this.sync()}toggleExpanded(){this.resolvedHasChildren&&this.root?.setExpanded(this.nodeId,!this.expanded)}isFromNestedItem(t){return t.target.closest('[role="treeitem"]')!==this}computeDepth(){let t=1,e=this.parentElement;for(;e;)e.tagName==="SKDX-TREE-ITEM"&&t++,e=e.parentElement;return t}computeParentId(){return this.closest("skdx-tree-group")?.closest("skdx-tree-item")?.getAttribute("data-skdx-tree-node-id")??""}syncLevel(){let t=this.getAttribute("aria-level");t!==null&&t!==this._writtenLevel||(this._writtenLevel=String(this.computeDepth()),this.setAttribute("aria-level",this._writtenLevel))}syncPosition(t,e){let i=this.getAttribute("aria-posinset");(i===null||i===this._writtenPosinset)&&(this._writtenPosinset=String(t),this.setAttribute("aria-posinset",this._writtenPosinset));let r=this.getAttribute("aria-setsize");(r===null||r===this._writtenSetsize)&&(this._writtenSetsize=String(e),this.setAttribute("aria-setsize",this._writtenSetsize))}sync(){let t=this.root,e=this.resolvedHasChildren,i=this.expanded,r=this.selected,d=t?.selectionMode??"single";this.setAttribute("role","treeitem"),this.syncLevel();let u=t?.selectionPropagation==="descendants";if(d==="none"||u?this.removeAttribute("aria-selected"):this.setAttribute("aria-selected",String(r)),e?this.setAttribute("aria-expanded",String(i)):this.removeAttribute("aria-expanded"),this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("data-disabled","")):(this.removeAttribute("aria-disabled"),this.removeAttribute("data-disabled")),e?this.setAttribute("data-state",i?"expanded":"collapsed"):this.removeAttribute("data-state"),t?.isLoading(this.nodeId)?(this.setAttribute("aria-busy","true"),this.setAttribute("data-loading","")):(this.removeAttribute("aria-busy"),this.removeAttribute("data-loading")),u){let a=t.checkedState(this.nodeId);this.setAttribute("aria-checked",a==="mixed"?"mixed":String(a)),this.setAttribute("data-checked",a==="mixed"?"indeterminate":a?"checked":"unchecked")}else this.removeAttribute("aria-checked"),this.removeAttribute("data-checked");this.textValue===void 0?(this._ownsTextValue&&this.removeAttribute("data-text-value"),this._ownsTextValue=!1):(this.setAttribute("data-text-value",this.textValue),this._ownsTextValue=!0),this.style.setProperty("--skdx-tree-node-depth",String(this.computeDepth())),this.setAttribute("data-skdx-tree-node-id",this.nodeId);let c=this.computeParentId();c?this.setAttribute("data-skdx-tree-parent-id",c):this.removeAttribute("data-skdx-tree-parent-id");let p=t?.activeNodeId===this.nodeId,v=this.disabled&&t?.disabledBehavior!=="selection";this.tabIndex=v?-1:p?0:-1,this.dispatchEvent(new CustomEvent("skdx-tree-item-internal-update"))}render(){return x`<slot></slot>`}};s.styles=[y,g`
       :host {
         display: block;
       }
-    `],n([l({type:String,attribute:"node-id"})],s.prototype,"nodeId",2),n([l({type:Boolean,reflect:!0})],s.prototype,"disabled",2),s=n([g("skdx-tree-item","tree","item")],s);export{s as SkdxTreeItem};
+    `],n([l({type:String,attribute:"node-id"})],s.prototype,"nodeId",2),n([l({type:Boolean,reflect:!0})],s.prototype,"disabled",2),n([l({type:String,attribute:"text-value"})],s.prototype,"textValue",2),n([l({type:Boolean,attribute:"has-children"})],s.prototype,"hasChildren",2),s=n([f("skdx-tree-item","tree","item")],s);export{s as SkdxTreeItem};

package/dist/tree/TreeItemIndicator.cjs

@@ -1,5 +1,5 @@
-"use strict";var d=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var u=(i,e)=>{for(var s in e)d(i,s,{get:e[s],enumerable:!0})},b=(i,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of v(e))!k.call(i,t)&&t!==s&&d(i,t,{get:()=>e[t],enumerable:!(r=m(e,t))||r.enumerable});return i};var x=i=>b(d({},"__esModule",{value:!0}),i),c=(i,e,s,r)=>{for(var t=r>1?void 0:r?m(e,s):e,l=i.length-1,o;l>=0;l--)(o=i[l])&&(t=(r?o(e,s,t):o(t))||t);return r&&t&&d(e,s,t),t};var y={};u(y,{SkdxTreeItemIndicator:()=>n});module.exports=x(y);var a=require("lit"),h=require("../internal/define.cjs"),p=require("../internal/styles.cjs");var n=class extends a.LitElement{constructor(){super(...arguments);this.item=null;this.onItemUpdate=()=>this.sync();this.handleClick=s=>{s.stopPropagation(),this.item?.toggleExpanded()}}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true"),this.item=this.closest("skdx-tree-item"),this.item?.addEventListener("skdx-tree-item-internal-update",this.onItemUpdate),this.addEventListener("click",this.handleClick),this.sync()}disconnectedCallback(){this.item?.removeEventListener("skdx-tree-item-internal-update",this.onItemUpdate),this.removeEventListener("click",this.handleClick),super.disconnectedCallback()}sync(){if(!this.item?.hasChildren){this.removeAttribute("data-state");return}this.setAttribute("data-state",this.item.expanded?"expanded":"collapsed")}render(){return a.html`<slot></slot>`}};n.styles=[p.hiddenHostStyles,a.css`
+"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var u=(i,e)=>{for(var s in e)a(i,s,{get:e[s],enumerable:!0})},b=(i,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of v(e))!k.call(i,t)&&t!==s&&a(i,t,{get:()=>e[t],enumerable:!(r=m(e,t))||r.enumerable});return i};var x=i=>b(a({},"__esModule",{value:!0}),i),c=(i,e,s,r)=>{for(var t=r>1?void 0:r?m(e,s):e,l=i.length-1,o;l>=0;l--)(o=i[l])&&(t=(r?o(e,s,t):o(t))||t);return r&&t&&a(e,s,t),t};var y={};u(y,{SkdxTreeItemIndicator:()=>d});module.exports=x(y);var n=require("lit"),h=require("../internal/define.cjs"),p=require("../internal/styles.cjs");var d=class extends n.LitElement{constructor(){super(...arguments);this.item=null;this.onItemUpdate=()=>this.sync();this.handleClick=s=>{s.stopPropagation(),this.item?.toggleExpanded()}}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true"),this.item=this.closest("skdx-tree-item"),this.item?.addEventListener("skdx-tree-item-internal-update",this.onItemUpdate),this.addEventListener("click",this.handleClick),this.sync()}disconnectedCallback(){this.item?.removeEventListener("skdx-tree-item-internal-update",this.onItemUpdate),this.removeEventListener("click",this.handleClick),super.disconnectedCallback()}sync(){if(!this.item?.resolvedHasChildren){this.removeAttribute("data-state");return}this.setAttribute("data-state",this.item.expanded?"expanded":"collapsed")}render(){return n.html`<slot></slot>`}};d.styles=[p.hiddenHostStyles,n.css`
       :host {
         display: inline-block;
       }
-    `],n=c([(0,h.customElement)("skdx-tree-item-indicator","tree","item-indicator")],n);0&&(module.exports={SkdxTreeItemIndicator});
+    `],d=c([(0,h.customElement)("skdx-tree-item-indicator","tree","item-indicator")],d);0&&(module.exports={SkdxTreeItemIndicator});

package/dist/tree/TreeItemIndicator.d.cts

@@ -1,10 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tree-item-indicator>` — expand/collapse affordance (e.g. a chevron)
- * within a `<skdx-tree-item>`: sets `aria-hidden="true"` with `data-state` of
- * `"expanded"`/`"collapsed"` (unset if the item has no children). Clicking
- * it toggles expansion and stops propagation, so the enclosing
- * `<skdx-tree-item>`'s own click handler doesn't double-toggle it.
+ * An expand/collapse affordance (e.g. chevron) in a `<skdx-tree-item>`.
+ * Sets `data-state` to `"expanded"` or `"collapsed"` (unset if no children).
+ * Stops click propagation to prevent double-toggling.
  *
  * @example
  * ```html

package/dist/tree/TreeItemIndicator.d.ts

@@ -1,10 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * `<skdx-tree-item-indicator>` — expand/collapse affordance (e.g. a chevron)
- * within a `<skdx-tree-item>`: sets `aria-hidden="true"` with `data-state` of
- * `"expanded"`/`"collapsed"` (unset if the item has no children). Clicking
- * it toggles expansion and stops propagation, so the enclosing
- * `<skdx-tree-item>`'s own click handler doesn't double-toggle it.
+ * An expand/collapse affordance (e.g. chevron) in a `<skdx-tree-item>`.
+ * Sets `data-state` to `"expanded"` or `"collapsed"` (unset if no children).
+ * Stops click propagation to prevent double-toggling.
  *
  * @example
  * ```html

package/dist/tree/TreeItemIndicator.js

@@ -1,4 +1,4 @@
-var o=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var l=(n,t,i,r)=>{for(var e=r>1?void 0:r?m(t,i):t,a=n.length-1,d;a>=0;a--)(d=n[a])&&(e=(r?d(t,i,e):d(e))||e);return r&&e&&o(t,i,e),e};import{css as c,html as h,LitElement as p}from"lit";import{customElement as v}from"../internal/define.js";import{hiddenHostStyles as k}from"../internal/styles.js";var s=class extends p{constructor(){super(...arguments);this.item=null;this.onItemUpdate=()=>this.sync();this.handleClick=i=>{i.stopPropagation(),this.item?.toggleExpanded()}}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true"),this.item=this.closest("skdx-tree-item"),this.item?.addEventListener("skdx-tree-item-internal-update",this.onItemUpdate),this.addEventListener("click",this.handleClick),this.sync()}disconnectedCallback(){this.item?.removeEventListener("skdx-tree-item-internal-update",this.onItemUpdate),this.removeEventListener("click",this.handleClick),super.disconnectedCallback()}sync(){if(!this.item?.hasChildren){this.removeAttribute("data-state");return}this.setAttribute("data-state",this.item.expanded?"expanded":"collapsed")}render(){return h`<slot></slot>`}};s.styles=[k,c`
+var o=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var l=(d,t,i,r)=>{for(var e=r>1?void 0:r?m(t,i):t,n=d.length-1,a;n>=0;n--)(a=d[n])&&(e=(r?a(t,i,e):a(e))||e);return r&&e&&o(t,i,e),e};import{css as c,html as h,LitElement as p}from"lit";import{customElement as v}from"../internal/define.js";import{hiddenHostStyles as k}from"../internal/styles.js";var s=class extends p{constructor(){super(...arguments);this.item=null;this.onItemUpdate=()=>this.sync();this.handleClick=i=>{i.stopPropagation(),this.item?.toggleExpanded()}}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true"),this.item=this.closest("skdx-tree-item"),this.item?.addEventListener("skdx-tree-item-internal-update",this.onItemUpdate),this.addEventListener("click",this.handleClick),this.sync()}disconnectedCallback(){this.item?.removeEventListener("skdx-tree-item-internal-update",this.onItemUpdate),this.removeEventListener("click",this.handleClick),super.disconnectedCallback()}sync(){if(!this.item?.resolvedHasChildren){this.removeAttribute("data-state");return}this.setAttribute("data-state",this.item.expanded?"expanded":"collapsed")}render(){return h`<slot></slot>`}};s.styles=[k,c`
       :host {
         display: inline-block;
       }

package/dist/tree/index.cjs

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var c=(r,e)=>{for(var t in e)x(r,t,{get:e[t],enumerable:!0})},i=(r,e,t,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of f(e))!a.call(r,o)&&o!==t&&x(r,o,{get:()=>e[o],enumerable:!(d=m(e,o))||d.enumerable});return r};var n=r=>i(x({},"__esModule",{value:!0}),r);var I={};c(I,{SkdxTree:()=>S.SkdxTree,SkdxTreeGroup:()=>p.SkdxTreeGroup,SkdxTreeItem:()=>k.SkdxTreeItem,SkdxTreeItemIndicator:()=>T.SkdxTreeItemIndicator});module.exports=n(I);var S=require("./Tree.cjs"),k=require("./TreeItem.cjs"),p=require("./TreeGroup.cjs"),T=require("./TreeItemIndicator.cjs");0&&(module.exports={SkdxTree,SkdxTreeGroup,SkdxTreeItem,SkdxTreeItemIndicator});
+"use strict";var S=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var i=(r,e)=>{for(var d in e)S(r,d,{get:e[d],enumerable:!0})},l=(r,e,d,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of T(e))!a.call(r,o)&&o!==d&&S(r,o,{get:()=>e[o],enumerable:!(t=k(e,o))||t.enumerable});return r};var p=r=>l(S({},"__esModule",{value:!0}),r);var c={};i(c,{SkdxTree:()=>x.SkdxTree});module.exports=p(c);var x=require("./Tree.cjs");0&&(module.exports={SkdxTree});

package/dist/tree/index.d.cts

@@ -1,5 +1,2 @@
 export { SkdxTree } from './Tree.cjs';
-export type { SkdxTreeSelectionMode, SkdxTreeSelectionPropagation, SkdxTreeCheckedState } from './Tree.cjs';
-export { SkdxTreeItem } from './TreeItem.cjs';
-export { SkdxTreeGroup } from './TreeGroup.cjs';
-export { SkdxTreeItemIndicator } from './TreeItemIndicator.cjs';
+export type { SkdxTreeSelectionMode, SkdxTreeSelectionPropagation, SkdxTreeCheckedState, SkdxTreeDisabledBehavior, SkdxTreeNode, SkdxTreeLoadErrorDetail, } from './Tree.cjs';

package/dist/tree/index.d.ts

@@ -1,5 +1,2 @@
 export { SkdxTree } from './Tree.js';
-export type { SkdxTreeSelectionMode, SkdxTreeSelectionPropagation, SkdxTreeCheckedState } from './Tree.js';
-export { SkdxTreeItem } from './TreeItem.js';
-export { SkdxTreeGroup } from './TreeGroup.js';
-export { SkdxTreeItemIndicator } from './TreeItemIndicator.js';
+export type { SkdxTreeSelectionMode, SkdxTreeSelectionPropagation, SkdxTreeCheckedState, SkdxTreeDisabledBehavior, SkdxTreeNode, SkdxTreeLoadErrorDetail, } from './Tree.js';

package/dist/tree/index.js

@@ -1 +1 @@
-import{SkdxTree as o}from"./Tree.js";import{SkdxTreeItem as x}from"./TreeItem.js";import{SkdxTreeGroup as S}from"./TreeGroup.js";import{SkdxTreeItemIndicator as p}from"./TreeItemIndicator.js";export{o as SkdxTree,S as SkdxTreeGroup,x as SkdxTreeItem,p as SkdxTreeItemIndicator};
+import{SkdxTree as o}from"./Tree.js";export{o as SkdxTree};

package/dist/tree/primitives.cjs

@@ -0,0 +1 @@
+"use strict";var x=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var T=(r,e)=>{for(var t in e)x(r,t,{get:e[t],enumerable:!0})},a=(r,e,t,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of I(e))!S.call(r,o)&&o!==t&&x(r,o,{get:()=>e[o],enumerable:!(m=k(e,o))||m.enumerable});return r};var c=r=>a(x({},"__esModule",{value:!0}),r);var i={};T(i,{SkdxTreeGroup:()=>p.SkdxTreeGroup,SkdxTreeItem:()=>d.SkdxTreeItem,SkdxTreeItemIndicator:()=>f.SkdxTreeItemIndicator});module.exports=c(i);var d=require("./TreeItem.cjs"),p=require("./TreeGroup.cjs"),f=require("./TreeItemIndicator.cjs");0&&(module.exports={SkdxTreeGroup,SkdxTreeItem,SkdxTreeItemIndicator});

package/dist/tree/primitives.d.cts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `<skdx-tree>` — the parts the recipe composes.
+ * Reach for these when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```ts
+ * import * as Tree from '@skdx/web-components/primitives/tree';
+ * ```
+ * ```html
+ * <skdx-tree aria-label="Project files">
+ *   <skdx-tree-item node-id="src">
+ *     <skdx-tree-item-indicator>▸</skdx-tree-item-indicator>
+ *     src
+ *     <skdx-tree-group>
+ *       <skdx-tree-item node-id="src/index.ts">index.ts</skdx-tree-item>
+ *     </skdx-tree-group>
+ *   </skdx-tree-item>
+ * </skdx-tree>
+ * ```
+ */
+export { SkdxTreeItem } from './TreeItem.cjs';
+export { SkdxTreeGroup } from './TreeGroup.cjs';
+export { SkdxTreeItemIndicator } from './TreeItemIndicator.cjs';

package/dist/tree/primitives.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Advanced primitives for `<skdx-tree>` — the parts the recipe composes.
+ * Reach for these when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```ts
+ * import * as Tree from '@skdx/web-components/primitives/tree';
+ * ```
+ * ```html
+ * <skdx-tree aria-label="Project files">
+ *   <skdx-tree-item node-id="src">
+ *     <skdx-tree-item-indicator>▸</skdx-tree-item-indicator>
+ *     src
+ *     <skdx-tree-group>
+ *       <skdx-tree-item node-id="src/index.ts">index.ts</skdx-tree-item>
+ *     </skdx-tree-group>
+ *   </skdx-tree-item>
+ * </skdx-tree>
+ * ```
+ */
+export { SkdxTreeItem } from './TreeItem.js';
+export { SkdxTreeGroup } from './TreeGroup.js';
+export { SkdxTreeItemIndicator } from './TreeItemIndicator.js';

package/dist/tree/primitives.js

@@ -0,0 +1 @@
+import{SkdxTreeItem as o}from"./TreeItem.js";import{SkdxTreeGroup as x}from"./TreeGroup.js";import{SkdxTreeItemIndicator as d}from"./TreeItemIndicator.js";export{x as SkdxTreeGroup,o as SkdxTreeItem,d as SkdxTreeItemIndicator};

package/dist/tree-select/TreeSelect.cjs

@@ -1,5 +1,5 @@
-"use strict";var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var T=(n,r)=>{for(var e in r)c(n,e,{get:r[e],enumerable:!0})},k=(n,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of M(r))!S.call(n,t)&&t!==e&&c(n,t,{get:()=>r[t],enumerable:!(i=m(r,t))||i.enumerable});return n};var I=n=>k(c({},"__esModule",{value:!0}),n),l=(n,r,e,i)=>{for(var t=i>1?void 0:i?m(r,e):r,u=n.length-1,o;u>=0;u--)(o=n[u])&&(t=(i?o(r,e,t):o(t))||t);return i&&t&&c(r,e,t),t};var R={};T(R,{SkdxTreeSelect:()=>a,TREE_SELECT_INTERNAL_UPDATE:()=>C,defaultGetMatchCountLabel:()=>O,defaultTreeSelectFilter:()=>_,findTreeSelectRoot:()=>L});module.exports=I(R);var h=require("lit"),s=require("lit/decorators.js"),b=require("../internal/define.cjs"),y=require("../internal/direction.cjs"),x=require("../internal/ids.cjs"),E=require("../internal/open-change-complete.cjs"),p=require("../internal/typeahead.cjs"),V=require("../utils/live-announcer.cjs"),d=require("./collection.cjs");var C="skdx-tree-select-internal-update";function L(n){let r=n.closest("skdx-tree-select");return r||(n.closest("[data-skdx-tree-select-layer]")?.treeSelectRoot??null)}function _(n,r){return(n.label??n.value).toLowerCase().includes(r.trim().toLowerCase())}function O(n){return`${n} match${n===1?"":"es"} available`}var N=new Set,D={fromAttribute(n){if(n!==null)return n!=="false"},toAttribute(n){return n===void 0?null:n?"":"false"}};function F(n,r,e){return Math.min(Math.max(n,r),e)}var a=class extends h.LitElement{constructor(){super(...arguments);this.collection=[];this.value=[];this.defaultValue=[];this.multiple=!1;this.checkStrategy="cascade";this.valueStrategy="all";this.expandedValue=[];this.defaultExpandedValue=[];this.open=!1;this.defaultOpen=!1;this.inputValue="";this.defaultInputValue="";this.filter=_;this.disabled=!1;this.readOnly=!1;this.getMatchCountLabel=O;this.idPrefix=(0,x.nextId)("skdx-tree-select");this.treeId=`${this.idPrefix}-tree`;this.contentId=`${this.idPrefix}-content`;this._activeValue=null;this._initialized=!1;this._hasUpdatedOnce=!1;this._lastAnnouncedCount=null;this.typeahead=new p.Typeahead;this.triggerEl=null;this.inputEl=null;this.contentEl=null;this._indexCache=null}connectedCallback(){super.connectedCallback(),this._initialized||(this.defaultValue.length>0&&(this.value=[...this.defaultValue]),this.defaultExpandedValue.length>0&&(this.expandedValue=[...this.defaultExpandedValue]),this.defaultOpen&&(this.open=!0),this.defaultInputValue!==""&&(this.inputValue=this.defaultInputValue),this._initialized=!0)}disconnectedCallback(){this.typeahead.clear(),this._teardownOpenChangeComplete?.(),super.disconnectedCallback()}get cascade(){return this.multiple&&this.checkStrategy==="cascade"}get shouldCloseOnSelect(){return this.closeOnSelect??!this.multiple}get indexed(){return this._indexCache?.collection!==this.collection&&(this._indexCache={collection:this.collection,...(0,d.indexCollection)(this.collection)}),this._indexCache}get index(){return this.indexed.index}get order(){return this.indexed.order}get checked(){return(0,d.normalizeChecked)(this.value,this.index,this.order,this.cascade)}get filtering(){return this.inputValue.trim()!==""}get filtered(){return this.filtering?(0,d.computeFilter)(this.index,this.order,e=>this.filter(e,this.inputValue)):{visible:null,autoExpanded:N,matchCount:this.order.length}}get expandedIds(){let{autoExpanded:e}=this.filtered;return e.size===0?[...this.expandedValue]:[...new Set([...this.expandedValue,...e])]}get expanded(){return new Set(this.expandedIds)}isVisible(e){let{visible:i}=this.filtered;return i===null||i.has(e)}get flat(){let{visible:e}=this.filtered;return(0,d.flattenVisible)(this.collection,this.index,e,this.expanded)}get flatMap(){return new Map(this.flat.map(e=>[e.value,e]))}checkStateOf(e){return(0,d.checkStateOf)(e,this.checked,this.index,this.cascade)}getLabel(e){return this.index.get(e)?.node.label??e}itemId(e){return`${this.idPrefix}-item-${e}`}get activeValue(){return this._activeValue}setActiveValue(e){this._activeValue!==e&&(this._activeValue=e,this.broadcast())}get hasInput(){return this.inputEl!==null}setOpen(e){this.open!==e&&(this.open=e,e||(this._activeValue=null),this.dispatchEvent(new CustomEvent("open-change",{detail:e,bubbles:!0,composed:!0})),this.broadcast(),e&&this.ensureActiveValue())}setInputValue(e){this.inputValue!==e&&(this.inputValue=e,this.dispatchEvent(new CustomEvent("input-value-change",{detail:e,bubbles:!0,composed:!0})),this.broadcast(),this.announceMatches(),this.ensureActiveValue())}setExpanded(e,i){let t=this.expandedValue,u=i?t.includes(e)?[...t]:[...t,e]:t.filter(o=>o!==e);this.expandedValue=u,this.dispatchEvent(new CustomEvent("expanded-change",{detail:u,bubbles:!0,composed:!0})),this.broadcast(),this.ensureActiveValue()}commit(e){if(this.disabled||this.readOnly)return;let i=this.index.get(e);if(!i||i.disabled)return;let t=(0,d.toggleChecked)(e,this.checked,this.index,this.cascade,this.multiple),u=(0,d.projectValue)(t,this.index,this.order,this.cascade?this.valueStrategy:"all");this.value=u,this.dispatchEvent(new CustomEvent("value-change",{detail:u,bubbles:!0,composed:!0})),this.broadcast(),this.shouldCloseOnSelect&&(this.setOpen(!1),this.triggerEl?.focus())}broadcast(){this.dispatchEvent(new CustomEvent(C))}willUpdate(){this.open&&this.ensureActiveValue()}updated(e){let i=!this._hasUpdatedOnce;this._hasUpdatedOnce=!0,(e.has("collection")||e.has("value")||e.has("expandedValue")||e.has("open")||e.has("inputValue")||e.has("multiple")||e.has("checkStrategy")||e.has("disabled")||e.has("readOnly"))&&this.broadcast(),e.has("open")&&!i&&(this._teardownOpenChangeComplete?.(),this._teardownOpenChangeComplete=(0,E.notifyOpenChangeComplete)(()=>this.contentEl,this.open,t=>this.dispatchEvent(new CustomEvent("open-change-complete",{detail:t,bubbles:!0,composed:!0}))))}ensureActiveValue(){if(!this.open)return;let e=this.flatMap;this._activeValue!==null&&e.get(this._activeValue)?.disabled===!1||this.setActiveValue(this.flat.find(i=>!i.disabled)?.value??null)}announceMatches(){if(!this.open||!this.filtering){this._lastAnnouncedCount=null;return}let{matchCount:e}=this.filtered;e!==this._lastAnnouncedCount&&(this._lastAnnouncedCount=e,(0,V.announce)(this.getMatchCountLabel(e)))}get navigable(){return this.flat.filter(e=>!e.disabled)}move(e){let i=this.navigable;if(i.length===0)return;if(e==="first"){this.setActiveValue(i[0].value);return}if(e==="last"){this.setActiveValue(i[i.length-1].value);return}let t=i.findIndex(u=>u.value===this._activeValue);this.setActiveValue(i[F(t+e,0,i.length-1)].value)}onNavigationKeyDown(e,i){if(this.disabled)return;let t=this.open,u=(0,y.directionalKey)(e.key,e.currentTarget),o=this._activeValue===null?void 0:this.flatMap.get(this._activeValue);if(e.key==="Escape"){if(!t||this.contentEl)return;e.preventDefault(),this.setOpen(!1),this.triggerEl?.focus();return}if(e.key==="Tab"){t&&this.setOpen(!1);return}if(u==="ArrowDown"){e.preventDefault(),t?this.move(1):(this.setOpen(!0),this.move("first"));return}if(u==="ArrowUp"){e.preventDefault(),t?this.move(-1):(this.setOpen(!0),this.move("last"));return}if(u==="ArrowRight"){if(!t)return;e.preventDefault(),o?.hasChildren&&!o.expanded?this.setExpanded(o.value,!0):this.move(1);return}if(u==="ArrowLeft"){if(!t)return;e.preventDefault(),o?.hasChildren&&o.expanded?this.setExpanded(o.value,!1):o?.parent&&this.setActiveValue(o.parent);return}if(e.key==="Home"||e.key==="End"){if(!t)return;e.preventDefault(),this.move(e.key==="Home"?"first":"last");return}if(e.key==="Enter"||e.key===" "&&i.selectOnSpace){if(e.preventDefault(),!t){this.setOpen(!0);return}this._activeValue!==null&&this.commit(this._activeValue);return}if(i.typeahead&&t&&(0,p.isTypeaheadKey)(e)){e.preventDefault();let f=this.navigable,w=f.map(g=>this.getLabel(g.value)),A=f.findIndex(g=>g.value===this._activeValue),v=this.typeahead.match(e.key,w,A);v!==-1&&this.setActiveValue(f[v].value)}}render(){return h.html`<slot></slot>`}};a.styles=h.css`
+"use strict";var g=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var k=(a,l)=>{for(var e in l)g(a,e,{get:l[e],enumerable:!0})},N=(a,l,e,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of L(l))!R.call(a,t)&&t!==e&&g(a,t,{get:()=>l[t],enumerable:!(i=V(l,t))||i.enumerable});return a};var F=a=>N(g({},"__esModule",{value:!0}),a),s=(a,l,e,i)=>{for(var t=i>1?void 0:i?V(l,e):l,o=a.length-1,u;o>=0;o--)(u=a[o])&&(t=(i?u(l,e,t):u(t))||t);return i&&t&&g(l,e,t),t};var q={};k(q,{SkdxTreeSelect:()=>n,TREE_SELECT_INTERNAL_UPDATE:()=>O,defaultGetMatchCountLabel:()=>M,defaultTreeSelectFilter:()=>T,findTreeSelectRoot:()=>D});module.exports=F(q);var f=require("lit"),r=require("lit/decorators.js"),v=require("../internal/authored.cjs"),C=require("../internal/define.cjs"),_=require("../internal/direction.cjs"),w=require("../internal/form-associated.cjs"),A=require("../internal/ids.cjs"),S=require("../internal/open-change-complete.cjs"),m=require("../internal/typeahead.cjs"),I=require("../utils/live-announcer.cjs"),d=require("./collection.cjs"),h=require("./TreeSelectAnatomy.cjs");var O="skdx-tree-select-internal-update";function D(a){let l=a.closest("skdx-tree-select");return l||(a.closest("[data-skdx-tree-select-layer]")?.treeSelectRoot??null)}function T(a,l){return(a.label??a.value).toLowerCase().includes(l.trim().toLowerCase())}function M(a){return`${a} match${a===1?"":"es"} available`}var x=new Set,H={fromAttribute(a){if(a!==null)return a!=="false"},toAttribute(a){return a===void 0?null:a?"":"false"}};function P(a,l,e){return Math.min(Math.max(a,l),e)}var n=class extends(0,w.FormAssociated)(f.LitElement){constructor(){super(...arguments);this.collection=[];this.value=[];this.defaultValue=[];this.multiple=!1;this.checkStrategy="cascade";this.valueStrategy="all";this.expandedIds=[];this.defaultExpandedIds=[];this.open=!1;this.defaultOpen=!1;this.inputValue="";this.defaultInputValue="";this.filter=T;this.disabled=!1;this.readOnly=!1;this.getMatchCountLabel=M;this.emptyMessage="No matches";this.expandOnClick=!1;this.idPrefix=(0,A.nextId)("skdx-tree-select");this.treeId=`${this.idPrefix}-tree`;this._activeValue=null;this._initialized=!1;this._hasUpdatedOnce=!1;this._lastAnnouncedCount=null;this.typeahead=new m.Typeahead;this._loadingValues=x;this.requested=new Set;this._visibleRowValues=null;this.triggerEl=null;this.inputEl=null;this.contentEl=null;this.fillAnatomy=()=>{(0,v.hasAuthoredParts)(this,h.TREE_SELECT_ANATOMY_GENERATED,h.TREE_SELECT_RENDER_SLOTS)||((0,v.hasGeneratedContent)(this,h.TREE_SELECT_ANATOMY_GENERATED)?(0,h.refreshTreeSelectAnatomyText)(this):(0,h.fillTreeSelectAnatomy)(this))};this._indexCache=null}connectedCallback(){super.connectedCallback();let e=this.querySelector("skdx-tree-select-tree")?.id;e&&(this.treeId=e),this._initialized||(this.defaultValue.length>0&&(this.value=[...this.defaultValue]),this.defaultExpandedIds.length>0&&(this.expandedIds=[...this.defaultExpandedIds]),this.defaultOpen&&(this.open=!0),this.defaultInputValue!==""&&(this.inputValue=this.defaultInputValue),this._initialized=!0),queueMicrotask(this.fillAnatomy)}disconnectedCallback(){this.typeahead.clear(),this._teardownOpenChangeComplete?.(),super.disconnectedCallback()}get strategy(){return this.multiple?this.checkStrategy:"independent"}get shouldCloseOnSelect(){return this.closeOnSelect??!this.multiple}get indexed(){return this._indexCache?.collection!==this.collection&&(this._indexCache={collection:this.collection,...(0,d.indexCollection)(this.collection)}),this._indexCache}get index(){return this.indexed.index}get order(){return this.indexed.order}get checked(){return(0,d.normalizeChecked)(this.value,this.index,this.order,this.strategy)}get filtering(){return this.inputValue.trim()!==""}get filtered(){return this.filtering?(0,d.computeFilter)(this.index,this.order,e=>this.filter(e,this.inputValue)):{visible:null,autoExpanded:x,matchCount:this.order.length}}get effectiveExpandedIds(){let{autoExpanded:e}=this.filtered;return e.size===0?[...this.expandedIds]:[...new Set([...this.expandedIds,...e])]}get expanded(){return new Set(this.effectiveExpandedIds)}isVisible(e){let{visible:i}=this.filtered;return i===null||i.has(e)}get flat(){let{visible:e}=this.filtered;return(0,d.flattenVisible)(this.collection,this.index,e,this.expanded)}get flatMap(){return new Map(this.flat.map(e=>[e.value,e]))}checkStateOf(e){return(0,d.checkStateOf)(e,this.checked,this.index,this.strategy)}getLabel(e){return this.index.get(e)?.node.label??this.getValueLabel?.(e)??e}itemId(e){return`${this.idPrefix}-item-${e}`}get activeValue(){return this._activeValue}setActiveValue(e){this._activeValue!==e&&(this._activeValue=e,this.broadcast())}get hasInput(){return this.inputEl!==null}get visibleRowValues(){return this._visibleRowValues}setVisibleRowValues(e){this._visibleRowValues!==e&&(this._visibleRowValues=e,this.ensureActiveValue())}setOpen(e){this.open!==e&&(this.open=e,e||(this._activeValue=null),this.dispatchEvent(new CustomEvent("open-change",{detail:e,bubbles:!0,composed:!0})),this.broadcast(),e&&this.ensureActiveValue())}setInputValue(e){this.inputValue!==e&&(this.inputValue=e,this.dispatchEvent(new CustomEvent("input-value-change",{detail:e,bubbles:!0,composed:!0})),this.broadcast(),this.announceMatches(),this.ensureActiveValue())}setExpanded(e,i){let t=this.expandedIds,o=i?t.includes(e)?[...t]:[...t,e]:t.filter(u=>u!==e);this.expandedIds=o,this.dispatchEvent(new CustomEvent("expanded-change",{detail:o,bubbles:!0,composed:!0})),i&&!this.filtering&&this.startLoad(e),this.broadcast(),this.ensureActiveValue()}startLoad(e){let i=this.loadChildren;if(!i||this.requested.has(e))return;this.requested.add(e),this._loadingValues=new Set(this._loadingValues).add(e);let t=()=>{let o=new Set(this._loadingValues);o.delete(e),this._loadingValues=o,this.broadcast()};Promise.resolve(i(e)).then(t,()=>{this.requested.delete(e),t()})}isLoading(e){return this._loadingValues.has(e)}commit(e){if(this.disabled||this.readOnly)return;let i=this.index.get(e);if(!i||i.disabled)return;let t=(0,d.toggleChecked)(e,this.checked,this.index,this.strategy,this.multiple),o=(0,d.projectValue)(t,this.index,this.order,(0,d.effectiveValueStrategy)(this.strategy,this.valueStrategy));this.value=o,this.dispatchEvent(new CustomEvent("value-change",{detail:o,bubbles:!0,composed:!0})),this.broadcast(),this.shouldCloseOnSelect&&(this.setOpen(!1),this.triggerEl?.focus())}broadcast(){this.dispatchEvent(new CustomEvent(O))}willUpdate(){this.open&&this.ensureActiveValue()}updated(e){let i=!this._hasUpdatedOnce;this._hasUpdatedOnce=!0,this.fillAnatomy(),(e.has("collection")||e.has("value")||e.has("expandedIds")||e.has("open")||e.has("inputValue")||e.has("multiple")||e.has("checkStrategy")||e.has("disabled")||e.has("readOnly"))&&this.broadcast(),(e.has("value")||e.has("name"))&&this.setFormValue(this.multiFormValue(this.value)),e.has("open")&&!i&&(this._teardownOpenChangeComplete?.(),this._teardownOpenChangeComplete=(0,S.notifyOpenChangeComplete)(()=>this.contentEl,this.open,t=>this.dispatchEvent(new CustomEvent("open-change-complete",{detail:t,bubbles:!0,composed:!0}))))}ensureActiveValue(){if(!this.open)return;let e=this.flatMap,i=this._visibleRowValues;if(this._activeValue!==null&&e.get(this._activeValue)?.disabled===!1&&(i===null||i.has(this._activeValue)))return;let t=this.navigableFlat.filter(c=>!c.disabled),o=this.value,u=t.find(c=>o.includes(c.value));this.setActiveValue(u?.value??t[0]?.value??null)}announceMatches(){if(!this.open){this._lastAnnouncedCount=null;return}let{matchCount:e}=this.filtered;e!==this._lastAnnouncedCount&&(this._lastAnnouncedCount=e,(0,I.announce)(this.getMatchCountLabel(e)))}get navigableFlat(){let e=this.flat,i=this._visibleRowValues;return i===null?e:e.filter(t=>i.has(t.value))}get navigable(){return this.navigableFlat.filter(e=>!e.disabled)}activate(e){this.setActiveValue(e);let i=this.contentEl?.querySelectorAll('[role="treeitem"][data-value]');for(let t of i??[])if(t.getAttribute("data-value")===e){t.scrollIntoView?.({block:"nearest"});return}}move(e){let i=this.navigable;if(i.length===0)return;if(e==="first"){this.activate(i[0].value);return}if(e==="last"){this.activate(i[i.length-1].value);return}let t=i.findIndex(o=>o.value===this._activeValue);this.activate(i[P(t+e,0,i.length-1)].value)}onNavigationKeyDown(e,i){if(this.disabled)return;let t=this.open,o=(0,_.directionalKey)(e.key,e.currentTarget),u=this._activeValue===null?void 0:this.flatMap.get(this._activeValue);if(e.key==="Escape"){if(!t||this.contentEl)return;e.preventDefault(),this.setOpen(!1),this.triggerEl?.focus();return}if(e.key==="Tab"){t&&this.setOpen(!1);return}if(o==="ArrowDown"){e.preventDefault(),t?this.move(1):(this.setOpen(!0),this.move("first"));return}if(o==="ArrowUp"){e.preventDefault(),t?this.move(-1):(this.setOpen(!0),this.move("last"));return}if(o==="ArrowRight"){if(!t)return;e.preventDefault(),u?.hasChildren&&!u.expanded?this.setExpanded(u.value,!0):this.move(1);return}if(o==="ArrowLeft"){if(!t)return;e.preventDefault(),u?.hasChildren&&u.expanded?this.setExpanded(u.value,!1):u?.parent&&this.activate(u.parent);return}if(e.key==="Home"||e.key==="End"){if(!t)return;e.preventDefault(),this.move(e.key==="Home"?"first":"last");return}if(e.key==="*"){if(!t)return;e.preventDefault();let b=(this._activeValue===null?void 0:this.flatMap.get(this._activeValue))?.parent??null;for(let p of this.flat)p.parent===b&&p.hasChildren&&!p.expanded&&this.setExpanded(p.value,!0);return}if(e.key==="Enter"||e.key===" "&&i.selectOnSpace){if(e.preventDefault(),!t){this.setOpen(!0);return}this._activeValue!==null&&this.commit(this._activeValue);return}if(i.typeahead&&t&&(0,m.isTypeaheadKey)(e)){e.preventDefault();let c=this.navigable,b=c.map(y=>this.getLabel(y.value)),p=c.findIndex(y=>y.value===this._activeValue),E=this.typeahead.match(e.key,b,p);E!==-1&&this.activate(c[E].value)}}render(){return f.html`<slot @slotchange=${this.fillAnatomy}></slot>`}};n.styles=f.css`
     :host {
       display: contents;
     }
-  `,l([(0,s.property)({type:Array})],a.prototype,"collection",2),l([(0,s.property)({attribute:!1})],a.prototype,"value",2),l([(0,s.property)({attribute:!1})],a.prototype,"defaultValue",2),l([(0,s.property)({type:Boolean,reflect:!0})],a.prototype,"multiple",2),l([(0,s.property)({type:String,attribute:"check-strategy"})],a.prototype,"checkStrategy",2),l([(0,s.property)({type:String,attribute:"value-strategy"})],a.prototype,"valueStrategy",2),l([(0,s.property)({attribute:!1})],a.prototype,"expandedValue",2),l([(0,s.property)({attribute:!1})],a.prototype,"defaultExpandedValue",2),l([(0,s.property)({type:Boolean,reflect:!0})],a.prototype,"open",2),l([(0,s.property)({type:Boolean,attribute:"default-open"})],a.prototype,"defaultOpen",2),l([(0,s.property)({type:String,attribute:"input-value"})],a.prototype,"inputValue",2),l([(0,s.property)({type:String,attribute:"default-input-value"})],a.prototype,"defaultInputValue",2),l([(0,s.property)({attribute:!1})],a.prototype,"filter",2),l([(0,s.property)({type:Boolean,reflect:!0})],a.prototype,"disabled",2),l([(0,s.property)({type:Boolean,attribute:"read-only",reflect:!0})],a.prototype,"readOnly",2),l([(0,s.property)({converter:D,attribute:"close-on-select"})],a.prototype,"closeOnSelect",2),l([(0,s.property)({attribute:!1})],a.prototype,"getMatchCountLabel",2),l([(0,s.state)()],a.prototype,"_activeValue",2),a=l([(0,b.customElement)("skdx-tree-select")],a);0&&(module.exports={SkdxTreeSelect,TREE_SELECT_INTERNAL_UPDATE,defaultGetMatchCountLabel,defaultTreeSelectFilter,findTreeSelectRoot});
+  `,s([(0,r.property)({type:Array})],n.prototype,"collection",2),s([(0,r.property)({attribute:!1})],n.prototype,"value",2),s([(0,r.property)({type:Array,attribute:"default-value"})],n.prototype,"defaultValue",2),s([(0,r.property)({type:Boolean,reflect:!0})],n.prototype,"multiple",2),s([(0,r.property)({type:String,attribute:"check-strategy"})],n.prototype,"checkStrategy",2),s([(0,r.property)({type:String,attribute:"value-strategy"})],n.prototype,"valueStrategy",2),s([(0,r.property)({attribute:!1})],n.prototype,"expandedIds",2),s([(0,r.property)({type:Array,attribute:"default-expanded-ids"})],n.prototype,"defaultExpandedIds",2),s([(0,r.property)({type:Boolean,reflect:!0})],n.prototype,"open",2),s([(0,r.property)({type:Boolean,attribute:"default-open"})],n.prototype,"defaultOpen",2),s([(0,r.property)({type:String,attribute:"input-value"})],n.prototype,"inputValue",2),s([(0,r.property)({type:String,attribute:"default-input-value"})],n.prototype,"defaultInputValue",2),s([(0,r.property)({attribute:!1})],n.prototype,"filter",2),s([(0,r.property)({type:Boolean,reflect:!0})],n.prototype,"disabled",2),s([(0,r.property)({type:String,reflect:!0})],n.prototype,"name",2),s([(0,r.property)({type:Boolean,attribute:"read-only",reflect:!0})],n.prototype,"readOnly",2),s([(0,r.property)({converter:H,attribute:"close-on-select"})],n.prototype,"closeOnSelect",2),s([(0,r.property)({attribute:!1})],n.prototype,"getMatchCountLabel",2),s([(0,r.property)({attribute:!1})],n.prototype,"getValueLabel",2),s([(0,r.property)({type:String})],n.prototype,"placeholder",2),s([(0,r.property)({type:String,attribute:"empty-message"})],n.prototype,"emptyMessage",2),s([(0,r.property)({type:Boolean,attribute:"expand-on-click"})],n.prototype,"expandOnClick",2),s([(0,r.property)({attribute:!1})],n.prototype,"loadChildren",2),s([(0,r.state)()],n.prototype,"_activeValue",2),n=s([(0,C.customElement)("skdx-tree-select")],n);0&&(module.exports={SkdxTreeSelect,TREE_SELECT_INTERNAL_UPDATE,defaultGetMatchCountLabel,defaultTreeSelectFilter,findTreeSelectRoot});