@slotted/angular 0.1.0-beta.7 → 0.1.0-beta.9

package/fesm2022/slotted-angular-tree.mjs

@@ -257,16 +257,27 @@ class SlTreeNode {
         this.tree.pressIndicator(this.value(), event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTreeNode, isStandalone: true, selector: "li[slTreeNode]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, textValue: { classPropertyName: "textValue", publicName: "textValue", isSignal: true, isRequired: false, transformFunction: null }, match: { classPropertyName: "match", publicName: "match", isSignal: true, isRequired: false, transformFunction: null }, pinned: { classPropertyName: "pinned", publicName: "pinned", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "node", "role": "treeitem" }, properties: { "attr.id": "id()", "attr.data-key": "value()", "attr.data-depth": "depth()", "style.--slotted-tree-depth": "depth()", "style.--slotted-tree-row-offset.px": "offset()", "attr.data-text-value": "textValue() ?? null", "attr.data-branch": "branch() ? '' : null", "attr.data-expanded": "expanded() ? '' : null", "attr.data-selected": "selected() ? '' : null", "attr.data-selected-within": "holdsSelection() ? '' : null", "attr.data-indeterminate": "indeterminate() ? '' : null", "attr.data-current": "current() ? '' : null", "attr.data-disabled": "resolvedDisabled() ? '' : null", "attr.data-loading": "loading() ? '' : null", "attr.data-match": "match() ?? null", "attr.data-pinned": "pinned() ? '' : null", "attr.aria-labelledby": "labelId()", "attr.aria-expanded": "ariaExpanded()", "attr.aria-selected": "ariaSelected()", "attr.aria-checked": "ariaChecked()", "attr.aria-disabled": "resolvedDisabled() ? 'true' : null", "attr.aria-level": "levelAttr()", "attr.aria-setsize": "setSize()", "attr.aria-posinset": "posInSet()", "attr.tabindex": "tabIndex()" } }, queries: [{ propertyName: "childNodes", predicate: SlTreeNode, descendants: true, isSignal: true }], exportAs: ["slTreeNode"], ngImport: i0, template: `<div data-part="row" (click)="onRowClick($event)">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTreeNode, isStandalone: true, selector: "li[slTreeNode]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, textValue: { classPropertyName: "textValue", publicName: "textValue", isSignal: true, isRequired: false, transformFunction: null }, match: { classPropertyName: "match", publicName: "match", isSignal: true, isRequired: false, transformFunction: null }, pinned: { classPropertyName: "pinned", publicName: "pinned", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "node", "data-part-node": "", "role": "treeitem" }, properties: { "attr.id": "id()", "attr.data-key": "value()", "attr.data-depth": "depth()", "style.--slotted-tree-depth": "depth()", "style.--slotted-tree-row-offset.px": "offset()", "attr.data-text-value": "textValue() ?? null", "attr.data-branch": "branch() ? '' : null", "attr.data-expanded": "expanded() ? '' : null", "attr.data-selected": "selected() ? '' : null", "attr.data-selected-within": "holdsSelection() ? '' : null", "attr.data-indeterminate": "indeterminate() ? '' : null", "attr.data-current": "current() ? '' : null", "attr.data-disabled": "resolvedDisabled() ? '' : null", "attr.data-loading": "loading() ? '' : null", "attr.data-match": "match() ?? null", "attr.data-pinned": "pinned() ? '' : null", "attr.aria-labelledby": "labelId()", "attr.aria-expanded": "ariaExpanded()", "attr.aria-selected": "ariaSelected()", "attr.aria-checked": "ariaChecked()", "attr.aria-disabled": "resolvedDisabled() ? 'true' : null", "attr.aria-level": "levelAttr()", "attr.aria-setsize": "setSize()", "attr.aria-posinset": "posInSet()", "attr.tabindex": "tabIndex()" } }, queries: [{ propertyName: "childNodes", predicate: SlTreeNode, descendants: true, isSignal: true }], exportAs: ["slTreeNode"], ngImport: i0, template: `<div data-part="row" data-part-row="" (click)="onRowClick($event)">
       @if (tree.showGuides() && depth() > 0) {
-        <span data-part="guide" aria-hidden="true"></span>
+        <span data-part="guide" data-part-guide="" aria-hidden="true"></span>
       }
       @if (branch() && loading()) {
         <!-- The wait stands in the chevron's own cell, so a branch that starts
              fetching moves neither its own name nor the rows below it. -->
-        <span data-part="loader" data-ui="spinner" aria-hidden="true"></span>
+        <span
+          data-part="loader"
+          data-part-loader=""
+          data-ui="spinner"
+          data-ui-spinner=""
+          aria-hidden="true"
+        ></span>
       } @else {
-        <span data-part="expander" aria-hidden="true" (click)="onExpanderClick($event)">
+        <span
+          data-part="expander"
+          data-part-expander=""
+          aria-hidden="true"
+          (click)="onExpanderClick($event)"
+        >
           <!-- A leaf keeps the box and draws nothing in it. -->
           @if (branch()) {
             <span slIcon><svg slGlyph name="chevron-right"></svg></span>
@@ -276,12 +287,16 @@ class SlTreeNode {
       @if (tree.indicatorMode() === 'checkbox') {
         <!-- The dash outranks the check: a branch partly chosen shows the state
              its children are in. -->
-        <span data-part="indicator" aria-hidden="true" (click)="onIndicatorClick($event)"
+        <span
+          data-part="indicator"
+          data-part-indicator=""
+          aria-hidden="true"
+          (click)="onIndicatorClick($event)"
           ><span slIcon><svg slGlyph [name]="indeterminate() ? 'minus' : 'check'"></svg></span
         ></span>
       }
       <ng-content select="[slTreeIcon]" />
-      <span data-part="label" [attr.id]="labelId()"
+      <span data-part="label" data-part-label="" [attr.id]="labelId()"
         >{{ label() }}<ng-content select="[slTreeLabel]"
       /></span>
       <ng-content select="[slTreeDescription]" />
@@ -312,16 +327,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     imports: [SlGlyph, SlIcon],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    template: `<div data-part="row" (click)="onRowClick($event)">
+                    template: `<div data-part="row" data-part-row="" (click)="onRowClick($event)">
       @if (tree.showGuides() && depth() > 0) {
-        <span data-part="guide" aria-hidden="true"></span>
+        <span data-part="guide" data-part-guide="" aria-hidden="true"></span>
       }
       @if (branch() && loading()) {
         <!-- The wait stands in the chevron's own cell, so a branch that starts
              fetching moves neither its own name nor the rows below it. -->
-        <span data-part="loader" data-ui="spinner" aria-hidden="true"></span>
+        <span
+          data-part="loader"
+          data-part-loader=""
+          data-ui="spinner"
+          data-ui-spinner=""
+          aria-hidden="true"
+        ></span>
       } @else {
-        <span data-part="expander" aria-hidden="true" (click)="onExpanderClick($event)">
+        <span
+          data-part="expander"
+          data-part-expander=""
+          aria-hidden="true"
+          (click)="onExpanderClick($event)"
+        >
           <!-- A leaf keeps the box and draws nothing in it. -->
           @if (branch()) {
             <span slIcon><svg slGlyph name="chevron-right"></svg></span>
@@ -331,12 +357,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @if (tree.indicatorMode() === 'checkbox') {
         <!-- The dash outranks the check: a branch partly chosen shows the state
              its children are in. -->
-        <span data-part="indicator" aria-hidden="true" (click)="onIndicatorClick($event)"
+        <span
+          data-part="indicator"
+          data-part-indicator=""
+          aria-hidden="true"
+          (click)="onIndicatorClick($event)"
           ><span slIcon><svg slGlyph [name]="indeterminate() ? 'minus' : 'check'"></svg></span
         ></span>
       }
       <ng-content select="[slTreeIcon]" />
-      <span data-part="label" [attr.id]="labelId()"
+      <span data-part="label" data-part-label="" [attr.id]="labelId()"
         >{{ label() }}<ng-content select="[slTreeLabel]"
       /></span>
       <ng-content select="[slTreeDescription]" />
@@ -359,6 +389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     <ng-content />`,
                     host: {
                         'data-part': 'node',
+                        'data-part-node': '',
                         role: 'treeitem',
                         '[attr.id]': 'id()',
                         '[attr.data-key]': 'value()',
@@ -400,7 +431,7 @@ class SlTreeGroup {
     /** Whether the children are still on their way. */
     busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTreeGroup, isStandalone: true, selector: "ul[slTreeGroup]", inputs: { busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "group", "role": "group" }, properties: { "attr.aria-busy": "busy() ? 'true' : null" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTreeGroup, isStandalone: true, selector: "ul[slTreeGroup]", inputs: { busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "group", "data-part-group": "", "role": "group" }, properties: { "attr.aria-busy": "busy() ? 'true' : null" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeGroup, decorators: [{
             type: Directive,
@@ -409,6 +440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     standalone: true,
                     host: {
                         'data-part': 'group',
+                        'data-part-group': '',
                         role: 'group',
                         '[attr.aria-busy]': "busy() ? 'true' : null",
                     },
@@ -417,14 +449,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** The node's leading picture, which the consumer owns whole. */
 class SlTreeIcon {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeIcon, isStandalone: true, selector: "[slTreeIcon]", host: { attributes: { "data-part": "icon", "aria-hidden": "true" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeIcon, isStandalone: true, selector: "[slTreeIcon]", host: { attributes: { "data-part": "icon", "data-part-icon": "", "aria-hidden": "true" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slTreeIcon]',
                     standalone: true,
-                    host: { 'data-part': 'icon', 'aria-hidden': 'true' },
+                    host: { 'data-part': 'icon', 'data-part-icon': '', 'aria-hidden': 'true' },
                 }]
         }] });
 /** The node's name, when it is richer than a string. */
@@ -439,42 +471,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
 /** A second line under the name. */
 class SlTreeDescription {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeDescription, isStandalone: true, selector: "[slTreeDescription]", host: { attributes: { "data-part": "description" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeDescription, isStandalone: true, selector: "[slTreeDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[slTreeDescription]',
                     standalone: true,
-                    host: { 'data-part': 'description' },
+                    host: { 'data-part': 'description', 'data-part-description': '' },
                 }]
         }] });
 /** The trailing count, size or badge. */
 class SlTreeMeta {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeMeta, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeMeta, isStandalone: true, selector: "[slTreeMeta]", host: { attributes: { "data-part": "meta" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeMeta, isStandalone: true, selector: "[slTreeMeta]", host: { attributes: { "data-part": "meta", "data-part-meta": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeMeta, decorators: [{
             type: Directive,
-            args: [{ selector: '[slTreeMeta]', standalone: true, host: { 'data-part': 'meta' } }]
+            args: [{
+                    selector: '[slTreeMeta]',
+                    standalone: true,
+                    host: { 'data-part': 'meta', 'data-part-meta': '' },
+                }]
         }] });
 /** The trailing controls. They stay in the DOM and stay reachable. */
 class SlTreeActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeActions, isStandalone: true, selector: "[slTreeActions]", host: { attributes: { "data-part": "actions" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeActions, isStandalone: true, selector: "[slTreeActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeActions, decorators: [{
             type: Directive,
-            args: [{ selector: '[slTreeActions]', standalone: true, host: { 'data-part': 'actions' } }]
+            args: [{
+                    selector: '[slTreeActions]',
+                    standalone: true,
+                    host: { 'data-part': 'actions', 'data-part-actions': '' },
+                }]
         }] });
 /** What the tree shows when it holds nothing. */
 class SlTreeEmpty {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeEmpty, isStandalone: true, selector: "[slTreeEmpty]", host: { attributes: { "data-part": "empty" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTreeEmpty, isStandalone: true, selector: "[slTreeEmpty]", host: { attributes: { "data-part": "empty", "data-part-empty": "" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTreeEmpty, decorators: [{
             type: Directive,
-            args: [{ selector: '[slTreeEmpty]', standalone: true, host: { 'data-part': 'empty' } }]
+            args: [{
+                    selector: '[slTreeEmpty]',
+                    standalone: true,
+                    host: { 'data-part': 'empty', 'data-part-empty': '' },
+                }]
         }] });
 
 function toKeys(value) {
@@ -1282,12 +1326,13 @@ class SlTree {
         return toKeys(control.value).length === 0 ? { required: true } : null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTree, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTree, isStandalone: true, selector: "[slTree]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expandedKeys: { classPropertyName: "expandedKeys", publicName: "expandedKeys", isSignal: true, isRequired: false, transformFunction: null }, activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, selectionIndicator: { classPropertyName: "selectionIndicator", publicName: "selectionIndicator", isSignal: true, isRequired: false, transformFunction: null }, selectionCascade: { classPropertyName: "selectionCascade", publicName: "selectionCascade", isSignal: true, isRequired: false, transformFunction: null }, expandOn: { classPropertyName: "expandOn", publicName: "expandOn", isSignal: true, isRequired: false, transformFunction: null }, focusMode: { classPropertyName: "focusMode", publicName: "focusMode", isSignal: true, isRequired: false, transformFunction: null }, guides: { classPropertyName: "guides", publicName: "guides", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, typeahead: { classPropertyName: "typeahead", publicName: "typeahead", isSignal: true, isRequired: false, transformFunction: null }, typeaheadTimeout: { classPropertyName: "typeaheadTimeout", publicName: "typeaheadTimeout", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, navigateDisabled: { classPropertyName: "navigateDisabled", publicName: "navigateDisabled", isSignal: true, isRequired: false, transformFunction: null }, disallowEmptySelection: { classPropertyName: "disallowEmptySelection", publicName: "disallowEmptySelection", isSignal: true, isRequired: false, transformFunction: null }, disallowSelectAll: { classPropertyName: "disallowSelectAll", publicName: "disallowSelectAll", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, overscan: { classPropertyName: "overscan", publicName: "overscan", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, getKey: { classPropertyName: "getKey", publicName: "getKey", isSignal: true, isRequired: false, transformFunction: null }, getLabel: { classPropertyName: "getLabel", publicName: "getLabel", isSignal: true, isRequired: false, transformFunction: null }, getChildren: { classPropertyName: "getChildren", publicName: "getChildren", isSignal: true, isRequired: false, transformFunction: null }, getLevel: { classPropertyName: "getLevel", publicName: "getLevel", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, getChildrenCount: { classPropertyName: "getChildrenCount", publicName: "getChildrenCount", isSignal: true, isRequired: false, transformFunction: null }, isNodeDisabled: { classPropertyName: "isNodeDisabled", publicName: "isNodeDisabled", isSignal: true, isRequired: false, transformFunction: null }, isNodeLoading: { classPropertyName: "isNodeLoading", publicName: "isNodeLoading", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", expandedKeys: "expandedKeysChange", activeKey: "activeKeyChange", valueRequest: "valueRequest", expandedKeysRequest: "expandedKeysRequest", activeKeyRequest: "activeKeyRequest", nodeActivate: "nodeActivate" }, host: { attributes: { "data-ui": "tree", "data-part": "root" }, listeners: { "scroll": "onScroll()" }, properties: { "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-structure": "structureMode()", "attr.data-indicator": "indicatorMode()", "attr.data-expand-on": "expandOnRow()", "attr.data-selection": "selection()", "attr.data-focus-mode": "mode()", "attr.data-guides": "showGuides() ? \"true\" : \"false\"", "attr.data-disabled": "treeDisabled() ? \"\" : null", "attr.data-readonly": "readOnly() ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-required": "required() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTree, isStandalone: true, selector: "[slTree]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expandedKeys: { classPropertyName: "expandedKeys", publicName: "expandedKeys", isSignal: true, isRequired: false, transformFunction: null }, activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, structure: { classPropertyName: "structure", publicName: "structure", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, selectionIndicator: { classPropertyName: "selectionIndicator", publicName: "selectionIndicator", isSignal: true, isRequired: false, transformFunction: null }, selectionCascade: { classPropertyName: "selectionCascade", publicName: "selectionCascade", isSignal: true, isRequired: false, transformFunction: null }, expandOn: { classPropertyName: "expandOn", publicName: "expandOn", isSignal: true, isRequired: false, transformFunction: null }, focusMode: { classPropertyName: "focusMode", publicName: "focusMode", isSignal: true, isRequired: false, transformFunction: null }, guides: { classPropertyName: "guides", publicName: "guides", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, typeahead: { classPropertyName: "typeahead", publicName: "typeahead", isSignal: true, isRequired: false, transformFunction: null }, typeaheadTimeout: { classPropertyName: "typeaheadTimeout", publicName: "typeaheadTimeout", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null }, navigateDisabled: { classPropertyName: "navigateDisabled", publicName: "navigateDisabled", isSignal: true, isRequired: false, transformFunction: null }, disallowEmptySelection: { classPropertyName: "disallowEmptySelection", publicName: "disallowEmptySelection", isSignal: true, isRequired: false, transformFunction: null }, disallowSelectAll: { classPropertyName: "disallowSelectAll", publicName: "disallowSelectAll", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, overscan: { classPropertyName: "overscan", publicName: "overscan", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, getKey: { classPropertyName: "getKey", publicName: "getKey", isSignal: true, isRequired: false, transformFunction: null }, getLabel: { classPropertyName: "getLabel", publicName: "getLabel", isSignal: true, isRequired: false, transformFunction: null }, getChildren: { classPropertyName: "getChildren", publicName: "getChildren", isSignal: true, isRequired: false, transformFunction: null }, getLevel: { classPropertyName: "getLevel", publicName: "getLevel", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, getChildrenCount: { classPropertyName: "getChildrenCount", publicName: "getChildrenCount", isSignal: true, isRequired: false, transformFunction: null }, isNodeDisabled: { classPropertyName: "isNodeDisabled", publicName: "isNodeDisabled", isSignal: true, isRequired: false, transformFunction: null }, isNodeLoading: { classPropertyName: "isNodeLoading", publicName: "isNodeLoading", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", expandedKeys: "expandedKeysChange", activeKey: "activeKeyChange", valueRequest: "valueRequest", expandedKeysRequest: "expandedKeysRequest", activeKeyRequest: "activeKeyRequest", nodeActivate: "nodeActivate" }, host: { attributes: { "data-ui": "tree", "data-ui-tree": "", "data-part": "root", "data-part-root": "" }, listeners: { "scroll": "onScroll()" }, properties: { "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-structure": "structureMode()", "attr.data-indicator": "indicatorMode()", "attr.data-expand-on": "expandOnRow()", "attr.data-selection": "selection()", "attr.data-focus-mode": "mode()", "attr.data-guides": "showGuides() ? \"true\" : \"false\"", "attr.data-disabled": "treeDisabled() ? \"\" : null", "attr.data-readonly": "readOnly() ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-required": "required() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null" } }, providers: [
             { provide: SlTreeContext, useExisting: forwardRef(() => SlTree) },
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTree), multi: true },
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlTree), multi: true },
         ], queries: [{ propertyName: "nodeContent", first: true, predicate: ["slTreeNodeContent"], descendants: true, isSignal: true }], exportAs: ["slTree"], ngImport: i0, template: `<ul
       data-part="canvas"
+      data-part-canvas=""
       role="tree"
       #canvas
       [attr.aria-label]="ariaLabel()"
@@ -1349,7 +1394,7 @@ class SlTree {
           </ul>
         }
       </li>
-    </ng-template>`, isInline: true, styles: ["@layer slotted.components{[data-ui=tree]{--_surface: var(--slotted-tree-surface, var(--slotted-surface, #ffffff));--_text: var(--slotted-tree-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-tree-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var(--slotted-tree-border-color, var(--slotted-control-border-color));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-tree-radius, var(--slotted-radius-md, 6px));--_shadow: var(--slotted-tree-shadow, var(--slotted-control-shadow));--_highlight: var(--slotted-tree-highlight, var(--slotted-tone-secondary-subtle-hover));--_highlight-active: var( --slotted-tree-highlight-active, var(--slotted-tone-secondary-subtle-active) );--_selected-surface: var(--slotted-tree-selected-surface, var(--slotted-tone-accent-surface));--_selected-text: var(--slotted-tree-selected-text, var(--slotted-tone-accent-text));--_selected-edge: var(--slotted-tree-selected-edge, var(--slotted-tone-accent-border));--_guide-color: var( --slotted-tree-guide-color, color-mix(in oklab, var(--slotted-border-strong) 60%, var(--slotted-border-subtle)) );--_indent: var( --slotted-tree-indent, calc(var(--_icon-size) / 2 + var(--slotted-space-4, .5rem)) );--_inset-block: var(--slotted-tree-padding-block, var(--slotted-space-2, .25rem));--_inset-inline: var(--slotted-tree-padding-inline, var(--slotted-space-2, .25rem));--_row-inset: var(--slotted-control-padding-inline-md, .8125rem);--_row-height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, .5rem);--_check-size: var(--slotted-selection-size-md, 16px);--_rows: var(--slotted-tree-rows, 12);--_measure: var(--slotted-tree-measure, 28rem);box-sizing:border-box;color:var(--_text);container-name:slotted-tree;container-type:inline-size;display:block;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);inline-size:100%;max-inline-size:var(--_measure);text-align:start}[data-ui=tree][data-size=sm]{--_row-inset: var(--slotted-control-padding-inline-sm, .625rem);--_row-height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, .375rem);--_check-size: var(--slotted-selection-size-sm, 14px)}[data-ui=tree][data-size=lg]{--_row-inset: var(--slotted-control-padding-inline-lg, 1rem);--_row-height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, .5rem);--_check-size: var(--slotted-selection-size-lg, 18px)}[data-ui=tree][data-variant=framed]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow)}[data-ui=tree] [data-part=canvas]{max-block-size:calc(var(--_rows) * var(--_row-height) + 2 * var(--_inset-block));outline:none;overflow:auto;padding-block:var(--_inset-block);padding-inline:0}[data-ui=tree] :is([data-part=canvas],[data-part=group]){list-style:none;margin-block:0;margin-inline:0;padding-inline:0}[data-ui=tree] [data-part=group]{padding-block:0;padding-inline:0}[data-ui=tree] [data-part=node]{display:block;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;outline:none}[data-ui=tree] [data-part=row]{align-items:center;background-color:transparent;color:inherit;cursor:pointer;display:flex;min-block-size:var(--_row-height);outline:none;padding-block:0;padding-inline:calc(var(--_inset-inline) + var(--slotted-tree-depth, 0) * var(--_indent)) var(--_row-inset);position:relative;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));-webkit-user-select:none;user-select:none}[data-ui=tree] [data-part=guide]{background-image:repeating-linear-gradient(to right,var(--_guide-color) 0 var(--_border-width),transparent var(--_border-width) var(--_indent));inline-size:calc(var(--slotted-tree-depth, 0) * var(--_indent));inset-block:0;inset-inline-start:calc(var(--_inset-inline) + var(--_icon-size) / 2);pointer-events:none;position:absolute}[data-ui=tree] [data-part=guide]:dir(rtl){background-image:repeating-linear-gradient(to left,var(--_guide-color) 0 var(--_border-width),transparent var(--_border-width) var(--_indent))}[data-ui=tree][data-guides=false] [data-part=guide]{background-image:none}[data-ui=tree] [data-part=expander]{--slotted-icon-size: var(--_icon-size);block-size:var(--_icon-size);color:var(--_muted);display:flex;flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui=tree] [data-part=expander]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=tree] [data-part=expander]:dir(rtl)>[data-ui=icon]{rotate:180deg}[data-ui=tree] [data-part=node][data-expanded]>[data-part=row] [data-part=expander]>[data-ui=icon]{rotate:90deg}[data-ui=tree][data-expand-on=expander] [data-part=node][data-branch]>[data-part=row] [data-part=expander]{box-sizing:content-box;cursor:pointer;margin-block:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / -2);margin-inline-end:calc(var(--_gap) - (var(--slotted-target-min, 24px) - var(--_icon-size)) / 2);margin-inline-start:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / -2);padding-block:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / 2);padding-inline:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / 2)}[data-ui=tree][data-selection=none][data-expand-on=expander] [data-part=row],[data-ui=tree][data-selection=none] [data-part=node]:not([data-branch])>[data-part=row]{cursor:default}[data-ui=tree][data-readonly] [data-part=row]{cursor:default}[data-ui=tree] [data-part=indicator]{--_mark-inset: var(--slotted-tree-mark-inset, 2px);--_check-border: var(--slotted-border-width-medium, 1.5px);--_mark-size: calc(var(--_check-size) - 2 * var(--_mark-inset));--slotted-icon-size: var(--_mark-size);background-color:var(--_surface);block-size:var(--_check-size);border:var(--_check-border) solid var(--slotted-border-strong);border-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;cursor:pointer;flex:none;inline-size:var(--_check-size);margin-inline-end:var(--_gap);position:relative;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=tree] [data-part=indicator]>[data-ui=icon]{clip-path:inset(0% 100% 0% 0%);color:var(--slotted-tone-accent-on-solid);inset-block-start:calc(var(--_mark-inset) - var(--_check-border));inset-inline-start:calc(var(--_mark-inset) - var(--_check-border));opacity:0;pointer-events:none;position:absolute;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=tree] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=row] [data-part=indicator]{background-color:var(--slotted-tone-accent-solid);border-color:var(--slotted-tone-accent-solid)}[data-ui=tree] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=row] [data-part=indicator]>[data-ui=icon]{clip-path:inset(0% 0% 0% 0%);opacity:1}[data-ui=tree] [data-part=node][data-disabled]>[data-part=row] [data-part=indicator]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);cursor:not-allowed}[data-ui=tree]:is([data-indicator=highlight],[data-indicator=none]) [data-part=indicator]{display:none}[data-ui=tree] [data-part=icon]{block-size:var(--_icon-size);color:var(--_muted);flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui=tree][data-part=root]:has([data-part=icon]) [data-part=row]:not(:has([data-part=icon])) [data-part=label]{margin-inline-start:calc(var(--_icon-size) + var(--_gap))}[data-ui=tree] :is([data-part=label],[data-part=description],[data-part=meta],[data-part=empty]){unicode-bidi:plaintext}[data-ui=tree] [data-part=label]{flex:0 1 auto;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tree] [data-part=label]:has([data-ui=skeleton]){flex:1 1 auto;max-inline-size:62%}[data-ui=tree] [data-part=node]:nth-child(2n)>[data-part=row] [data-part=label]:has([data-ui=skeleton]){max-inline-size:44%}[data-ui=tree] [data-part=node]:nth-child(3n)>[data-part=row] [data-part=label]:has([data-ui=skeleton]){max-inline-size:73%}[data-ui=tree] [data-part=label] mark{background-color:color-mix(in oklab,var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);color:inherit;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=tree] [data-part=node][data-selected]>[data-part=row] [data-part=label] mark{background-color:transparent}[data-ui=tree] [data-part=description]{color:var(--_muted);margin-inline-start:var(--_gap);flex:0 1 auto;font-size:var(--_secondary-font-size);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tree] [data-part=meta]{color:var(--_muted);flex:none;font-size:var(--_secondary-font-size);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding-inline-start:var(--_gap)}[data-ui=tree] [data-part=loader]{--slotted-spinner-size: var(--_icon-size);block-size:var(--_icon-size);color:var(--_muted);flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui=tree] [data-part=actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-inline-start:auto;padding-inline-start:var(--_gap)}[data-ui=tree] [data-part=meta]~[data-part=actions]{margin-inline-start:0}[data-ui=tree] [data-part=empty]{color:var(--_muted);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_row-inset);text-align:center}[data-ui=tree] [data-part=node]:not([data-disabled]):not([data-loading])>[data-part=row]:hover{background-color:var(--_highlight)}[data-ui=tree] [data-part=node]:not([data-disabled]):not([data-loading])>[data-part=row]:active{background-color:var(--_highlight-active)}[data-ui=tree] [data-part=node][data-current]:not([data-disabled])>[data-part=row]{background-color:var(--_highlight)}[data-ui=tree] [data-part=node][data-selected]:not([data-disabled])>[data-part=row]{background-color:var(--_selected-surface);color:var(--_selected-text)}[data-ui=tree] [data-part=node][data-selected]:not([data-disabled])>[data-part=row] :is([data-part=icon],[data-part=meta],[data-part=expander]){color:inherit}[data-ui=tree] [data-part=node][data-selected-within]:not([data-selected]):not([data-disabled])>[data-part=row]{color:var(--_selected-text)}[data-ui=tree] [data-part=node][data-selected-within]:not([data-selected]):not([data-disabled])>[data-part=row] [data-part=expander]{color:inherit}[data-ui=tree] [data-part=node][data-disabled]>[data-part=row]{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tree] [data-part=node][data-disabled]>[data-part=row] :is([data-part=icon],[data-part=meta],[data-part=expander],[data-part=description]){color:inherit}[data-ui=tree] [data-part=node][data-loading]>[data-part=row]{cursor:progress}[data-ui=tree] [data-part=node]:focus-visible>[data-part=row],[data-ui=tree] [data-part=canvas]:focus-visible [data-part=node][data-current]>[data-part=row]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tree][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);--_border-color: var(--slotted-tone-danger-border);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_shadow: inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui=tree][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=tree][data-disabled][data-variant=framed]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);box-shadow:none}[data-ui=tree][data-structure=flat]{max-block-size:calc(var(--_rows) * var(--_row-height) + 2 * var(--_inset-block));overflow:auto}[data-ui=tree][data-structure=flat] [data-part=canvas]{block-size:var(--_canvas-size, auto);max-block-size:none;overflow:visible;padding-block-start:calc(var(--_inset-block) + var(--_canvas-offset, 0px));position:relative}[data-ui=tree] [data-part=node][data-pinned]{inset-block-start:var(--slotted-tree-row-offset, 0px);inset-inline:0;position:absolute}@container slotted-tree (max-width: 320px){[data-ui=tree] [data-part=canvas]{--_indent: calc(var(--_icon-size) / 2 + var(--slotted-space-3, .375rem))}}@container slotted-tree (max-width: 240px){[data-ui=tree] [data-part=canvas]{--_indent: calc(var(--_icon-size) / 2 + var(--slotted-space-2, .25rem));--_row-inset: var(--slotted-control-padding-inline-sm, .625rem)}[data-ui=tree] [data-part=description]{display:none}}@media(forced-colors:active){[data-ui=tree] [data-part=node][data-selected]>[data-part=row]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=tree] [data-part=node][data-disabled]>[data-part=row]{color:GrayText}[data-ui=tree] [data-part=indicator]>[data-ui=icon]{forced-color-adjust:none}}@media(forced-colors:active){[data-ui=tree][data-variant=framed][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}}\n", "@layer slotted.components{[data-ui=highlight] [data-part=match]{background-color:var( --slotted-highlight-background, color-mix( in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%), transparent ) );-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none, 0px);color:var(--slotted-highlight-color, var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;padding:0;text-decoration-color:var(--slotted-highlight-rule-color, var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:var(--slotted-space-1, .125rem)}[data-ui=highlight] [data-part=match][data-current]{background-color:var(--slotted-highlight-current-background, var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color, var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui=highlight]:is([data-disabled],[data-disabled] *) [data-part=match]{background-color:var(--slotted-highlight-disabled-background, transparent);color:inherit;text-decoration-line:underline}@media(forced-colors:active){[data-ui=highlight] [data-part=match],[data-ui=highlight]:is([data-disabled],[data-disabled] *) [data-part=match]{background-color:Mark;color:MarkText;forced-color-adjust:none}[data-ui=highlight] [data-part=match][data-current]{background-color:Highlight;color:HighlightText}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SlTreeGroup, selector: "ul[slTreeGroup]", inputs: ["busy"] }, { kind: "component", type: SlTreeNode, selector: "li[slTreeNode]", inputs: ["value", "label", "hasChildren", "loading", "disabled", "textValue", "match", "pinned", "offset", "level"], exportAs: ["slTreeNode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    </ng-template>`, isInline: true, styles: ["@layer slotted.components{[data-ui-tree]{--_surface: var(--slotted-tree-surface, var(--slotted-surface, #ffffff));--_text: var(--slotted-tree-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-tree-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var(--slotted-tree-border-color, var(--slotted-control-border-color));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-tree-radius, var(--slotted-radius-md, 6px));--_shadow: var(--slotted-tree-shadow, var(--slotted-control-shadow));--_highlight: var(--slotted-tree-highlight, var(--slotted-tone-secondary-subtle-hover));--_highlight-active: var( --slotted-tree-highlight-active, var(--slotted-tone-secondary-subtle-active) );--_selected-surface: var(--slotted-tree-selected-surface, var(--slotted-tone-accent-surface));--_selected-text: var(--slotted-tree-selected-text, var(--slotted-tone-accent-text));--_selected-edge: var(--slotted-tree-selected-edge, var(--slotted-tone-accent-border));--_guide-color: var( --slotted-tree-guide-color, color-mix(in oklab, var(--slotted-border-strong) 60%, var(--slotted-border-subtle)) );--_indent: var( --slotted-tree-indent, calc(var(--_icon-size) / 2 + var(--slotted-space-4, .5rem)) );--_inset-block: var(--slotted-tree-padding-block, var(--slotted-space-2, .25rem));--_inset-inline: var(--slotted-tree-padding-inline, var(--slotted-space-2, .25rem));--_row-inset: var(--slotted-control-padding-inline-md, .8125rem);--_row-height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, .5rem);--_check-size: var(--slotted-selection-size-md, 16px);--_rows: var(--slotted-tree-rows, 12);--_measure: var(--slotted-tree-measure, 28rem);box-sizing:border-box;color:var(--_text);container-name:slotted-tree;container-type:inline-size;display:block;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);inline-size:100%;max-inline-size:var(--_measure);text-align:start}[data-ui-tree][data-size=sm]{--_row-inset: var(--slotted-control-padding-inline-sm, .625rem);--_row-height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, .375rem);--_check-size: var(--slotted-selection-size-sm, 14px)}[data-ui-tree][data-size=lg]{--_row-inset: var(--slotted-control-padding-inline-lg, 1rem);--_row-height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, .5rem);--_check-size: var(--slotted-selection-size-lg, 18px)}[data-ui-tree][data-variant=framed]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow)}[data-ui-tree] [data-part-canvas]{max-block-size:calc(var(--_rows) * var(--_row-height) + 2 * var(--_inset-block));outline:none;overflow:auto;padding-block:var(--_inset-block);padding-inline:0}[data-ui-tree] :is([data-part-canvas],[data-part-group]){list-style:none;margin-block:0;margin-inline:0;padding-inline:0}[data-ui-tree] [data-part-group]{padding-block:0;padding-inline:0}[data-ui-tree] [data-part-node]{display:block;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;outline:none}[data-ui-tree] [data-part-row]{align-items:center;background-color:transparent;color:inherit;cursor:pointer;display:flex;min-block-size:var(--_row-height);outline:none;padding-block:0;padding-inline:calc(var(--_inset-inline) + var(--slotted-tree-depth, 0) * var(--_indent)) var(--_row-inset);position:relative;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));-webkit-user-select:none;user-select:none}[data-ui-tree] [data-part-guide]{background-image:repeating-linear-gradient(to right,var(--_guide-color) 0 var(--_border-width),transparent var(--_border-width) var(--_indent));inline-size:calc(var(--slotted-tree-depth, 0) * var(--_indent));inset-block:0;inset-inline-start:calc(var(--_inset-inline) + var(--_icon-size) / 2);pointer-events:none;position:absolute}[data-ui-tree] [data-part-guide]:dir(rtl){background-image:repeating-linear-gradient(to left,var(--_guide-color) 0 var(--_border-width),transparent var(--_border-width) var(--_indent))}[data-ui-tree][data-guides=false] [data-part-guide]{background-image:none}[data-ui-tree] [data-part-expander]{--slotted-icon-size: var(--_icon-size);block-size:var(--_icon-size);color:var(--_muted);display:flex;flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui-tree] [data-part-expander]>[data-ui-icon]{transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-tree] [data-part-expander]:dir(rtl)>[data-ui-icon]{rotate:180deg}[data-ui-tree] [data-part-node][data-expanded]>[data-part-row] [data-part-expander]>[data-ui-icon]{rotate:90deg}[data-ui-tree][data-expand-on=expander] [data-part-node][data-branch]>[data-part-row] [data-part-expander]{box-sizing:content-box;cursor:pointer;margin-block:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / -2);margin-inline-end:calc(var(--_gap) - (var(--slotted-target-min, 24px) - var(--_icon-size)) / 2);margin-inline-start:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / -2);padding-block:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / 2);padding-inline:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / 2)}[data-ui-tree][data-selection=none][data-expand-on=expander] [data-part-row],[data-ui-tree][data-selection=none] [data-part-node]:not([data-branch])>[data-part-row]{cursor:default}[data-ui-tree][data-readonly] [data-part-row]{cursor:default}[data-ui-tree] [data-part-indicator]{--_mark-inset: var(--slotted-tree-mark-inset, 2px);--_check-border: var(--slotted-border-width-medium, 1.5px);--_mark-size: calc(var(--_check-size) - 2 * var(--_mark-inset));--slotted-icon-size: var(--_mark-size);background-color:var(--_surface);block-size:var(--_check-size);border:var(--_check-border) solid var(--slotted-border-strong);border-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;cursor:pointer;flex:none;inline-size:var(--_check-size);margin-inline-end:var(--_gap);position:relative;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-tree] [data-part-indicator]>[data-ui-icon]{clip-path:inset(0% 100% 0% 0%);color:var(--slotted-tone-accent-on-solid);inset-block-start:calc(var(--_mark-inset) - var(--_check-border));inset-inline-start:calc(var(--_mark-inset) - var(--_check-border));opacity:0;pointer-events:none;position:absolute;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-tree] [data-part-node]:is([data-selected],[data-indeterminate])>[data-part-row] [data-part-indicator]{background-color:var(--slotted-tone-accent-solid);border-color:var(--slotted-tone-accent-solid)}[data-ui-tree] [data-part-node]:is([data-selected],[data-indeterminate])>[data-part-row] [data-part-indicator]>[data-ui-icon]{clip-path:inset(0% 0% 0% 0%);opacity:1}[data-ui-tree] [data-part-node][data-disabled]>[data-part-row] [data-part-indicator]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);cursor:not-allowed}[data-ui-tree]:is([data-indicator=highlight],[data-indicator=none]) [data-part-indicator]{display:none}[data-ui-tree] [data-part-icon]{block-size:var(--_icon-size);color:var(--_muted);flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui-tree][data-part-root]:has([data-part-icon]) [data-part-row]:not(:has([data-part-icon])) [data-part-label]{margin-inline-start:calc(var(--_icon-size) + var(--_gap))}[data-ui-tree] :is([data-part-label],[data-part-description],[data-part-meta],[data-part-empty]){unicode-bidi:plaintext}[data-ui-tree] [data-part-label]{flex:0 1 auto;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-tree] [data-part-label]:has([data-ui-skeleton]){flex:1 1 auto;max-inline-size:62%}[data-ui-tree] [data-part-node]:nth-child(2n)>[data-part-row] [data-part-label]:has([data-ui-skeleton]){max-inline-size:44%}[data-ui-tree] [data-part-node]:nth-child(3n)>[data-part-row] [data-part-label]:has([data-ui-skeleton]){max-inline-size:73%}[data-ui-tree] [data-part-label] mark{background-color:color-mix(in oklab,var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);color:inherit;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-tree] [data-part-node][data-selected]>[data-part-row] [data-part-label] mark{background-color:transparent}[data-ui-tree] [data-part-description]{color:var(--_muted);margin-inline-start:var(--_gap);flex:0 1 auto;font-size:var(--_secondary-font-size);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-tree] [data-part-meta]{color:var(--_muted);flex:none;font-size:var(--_secondary-font-size);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding-inline-start:var(--_gap)}[data-ui-tree] [data-part-loader]{--slotted-spinner-size: var(--_icon-size);block-size:var(--_icon-size);color:var(--_muted);flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui-tree] [data-part-actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-inline-start:auto;padding-inline-start:var(--_gap)}[data-ui-tree] [data-part-meta]~[data-part-actions]{margin-inline-start:0}[data-ui-tree] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_row-inset);text-align:center}[data-ui-tree] [data-part-node]:not([data-disabled]):not([data-loading])>[data-part-row]:hover{background-color:var(--_highlight)}[data-ui-tree] [data-part-node]:not([data-disabled]):not([data-loading])>[data-part-row]:active{background-color:var(--_highlight-active)}[data-ui-tree] [data-part-node][data-current]:not([data-disabled])>[data-part-row]{background-color:var(--_highlight)}[data-ui-tree] [data-part-node][data-selected]:not([data-disabled])>[data-part-row]{background-color:var(--_selected-surface);color:var(--_selected-text)}[data-ui-tree] [data-part-node][data-selected]:not([data-disabled])>[data-part-row] :is([data-part-icon],[data-part-meta],[data-part-expander]){color:inherit}[data-ui-tree] [data-part-node][data-selected-within]:not([data-selected]):not([data-disabled])>[data-part-row]{color:var(--_selected-text)}[data-ui-tree] [data-part-node][data-selected-within]:not([data-selected]):not([data-disabled])>[data-part-row] [data-part-expander]{color:inherit}[data-ui-tree] [data-part-node][data-disabled]>[data-part-row]{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-tree] [data-part-node][data-disabled]>[data-part-row] :is([data-part-icon],[data-part-meta],[data-part-expander],[data-part-description]){color:inherit}[data-ui-tree] [data-part-node][data-loading]>[data-part-row]{cursor:progress}[data-ui-tree] [data-part-node]:focus-visible>[data-part-row],[data-ui-tree] [data-part-canvas]:focus-visible [data-part-node][data-current]>[data-part-row]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-tree][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);--_border-color: var(--slotted-tone-danger-border);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_shadow: inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui-tree][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-tree][data-disabled][data-variant=framed]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);box-shadow:none}[data-ui-tree][data-structure=flat]{max-block-size:calc(var(--_rows) * var(--_row-height) + 2 * var(--_inset-block));overflow:auto}[data-ui-tree][data-structure=flat] [data-part-canvas]{block-size:var(--_canvas-size, auto);max-block-size:none;overflow:visible;padding-block-start:calc(var(--_inset-block) + var(--_canvas-offset, 0px));position:relative}[data-ui-tree] [data-part-node][data-pinned]{inset-block-start:var(--slotted-tree-row-offset, 0px);inset-inline:0;position:absolute}@container slotted-tree (max-width: 320px){[data-ui-tree] [data-part-canvas]{--_indent: calc(var(--_icon-size) / 2 + var(--slotted-space-3, .375rem))}}@container slotted-tree (max-width: 240px){[data-ui-tree] [data-part-canvas]{--_indent: calc(var(--_icon-size) / 2 + var(--slotted-space-2, .25rem));--_row-inset: var(--slotted-control-padding-inline-sm, .625rem)}[data-ui-tree] [data-part-description]{display:none}}@media(forced-colors:active){[data-ui-tree] [data-part-node][data-selected]>[data-part-row]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-tree] [data-part-node][data-disabled]>[data-part-row]{color:GrayText}[data-ui-tree] [data-part-indicator]>[data-ui-icon]{forced-color-adjust:none}}@media(forced-colors:active){[data-ui-tree][data-variant=framed][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}}\n", "@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var( --slotted-highlight-background, color-mix( in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%), transparent ) );-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none, 0px);color:var(--slotted-highlight-color, var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;padding:0;text-decoration-color:var(--slotted-highlight-rule-color, var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:var(--slotted-space-1, .125rem)}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background, var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color, var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background, transparent);color:inherit;text-decoration-line:underline}@media(forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:Mark;color:MarkText;forced-color-adjust:none}[data-ui-highlight] [data-part-match][data-current]{background-color:Highlight;color:HighlightText}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SlTreeGroup, selector: "ul[slTreeGroup]", inputs: ["busy"] }, { kind: "component", type: SlTreeNode, selector: "li[slTreeNode]", inputs: ["value", "label", "hasChildren", "loading", "disabled", "textValue", "match", "pinned", "offset", "level"], exportAs: ["slTreeNode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTree, decorators: [{
             type: Component,
@@ -1359,6 +1404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlTree), multi: true },
                     ], template: `<ul
       data-part="canvas"
+      data-part-canvas=""
       role="tree"
       #canvas
       [attr.aria-label]="ariaLabel()"
@@ -1422,7 +1468,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </li>
     </ng-template>`, host: {
                         'data-ui': 'tree',
+                        'data-ui-tree': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-size]': 'size()',
                         '[attr.data-variant]': 'variant()',
                         '[attr.data-structure]': 'structureMode()',
@@ -1437,7 +1485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-required]': 'required() ? "" : null',
                         '[attr.data-loading]': 'loading() ? "" : null',
                         '(scroll)': 'onScroll()',
-                    }, styles: ["@layer slotted.components{[data-ui=tree]{--_surface: var(--slotted-tree-surface, var(--slotted-surface, #ffffff));--_text: var(--slotted-tree-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-tree-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var(--slotted-tree-border-color, var(--slotted-control-border-color));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-tree-radius, var(--slotted-radius-md, 6px));--_shadow: var(--slotted-tree-shadow, var(--slotted-control-shadow));--_highlight: var(--slotted-tree-highlight, var(--slotted-tone-secondary-subtle-hover));--_highlight-active: var( --slotted-tree-highlight-active, var(--slotted-tone-secondary-subtle-active) );--_selected-surface: var(--slotted-tree-selected-surface, var(--slotted-tone-accent-surface));--_selected-text: var(--slotted-tree-selected-text, var(--slotted-tone-accent-text));--_selected-edge: var(--slotted-tree-selected-edge, var(--slotted-tone-accent-border));--_guide-color: var( --slotted-tree-guide-color, color-mix(in oklab, var(--slotted-border-strong) 60%, var(--slotted-border-subtle)) );--_indent: var( --slotted-tree-indent, calc(var(--_icon-size) / 2 + var(--slotted-space-4, .5rem)) );--_inset-block: var(--slotted-tree-padding-block, var(--slotted-space-2, .25rem));--_inset-inline: var(--slotted-tree-padding-inline, var(--slotted-space-2, .25rem));--_row-inset: var(--slotted-control-padding-inline-md, .8125rem);--_row-height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, .5rem);--_check-size: var(--slotted-selection-size-md, 16px);--_rows: var(--slotted-tree-rows, 12);--_measure: var(--slotted-tree-measure, 28rem);box-sizing:border-box;color:var(--_text);container-name:slotted-tree;container-type:inline-size;display:block;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);inline-size:100%;max-inline-size:var(--_measure);text-align:start}[data-ui=tree][data-size=sm]{--_row-inset: var(--slotted-control-padding-inline-sm, .625rem);--_row-height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, .375rem);--_check-size: var(--slotted-selection-size-sm, 14px)}[data-ui=tree][data-size=lg]{--_row-inset: var(--slotted-control-padding-inline-lg, 1rem);--_row-height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, .5rem);--_check-size: var(--slotted-selection-size-lg, 18px)}[data-ui=tree][data-variant=framed]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow)}[data-ui=tree] [data-part=canvas]{max-block-size:calc(var(--_rows) * var(--_row-height) + 2 * var(--_inset-block));outline:none;overflow:auto;padding-block:var(--_inset-block);padding-inline:0}[data-ui=tree] :is([data-part=canvas],[data-part=group]){list-style:none;margin-block:0;margin-inline:0;padding-inline:0}[data-ui=tree] [data-part=group]{padding-block:0;padding-inline:0}[data-ui=tree] [data-part=node]{display:block;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;outline:none}[data-ui=tree] [data-part=row]{align-items:center;background-color:transparent;color:inherit;cursor:pointer;display:flex;min-block-size:var(--_row-height);outline:none;padding-block:0;padding-inline:calc(var(--_inset-inline) + var(--slotted-tree-depth, 0) * var(--_indent)) var(--_row-inset);position:relative;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));-webkit-user-select:none;user-select:none}[data-ui=tree] [data-part=guide]{background-image:repeating-linear-gradient(to right,var(--_guide-color) 0 var(--_border-width),transparent var(--_border-width) var(--_indent));inline-size:calc(var(--slotted-tree-depth, 0) * var(--_indent));inset-block:0;inset-inline-start:calc(var(--_inset-inline) + var(--_icon-size) / 2);pointer-events:none;position:absolute}[data-ui=tree] [data-part=guide]:dir(rtl){background-image:repeating-linear-gradient(to left,var(--_guide-color) 0 var(--_border-width),transparent var(--_border-width) var(--_indent))}[data-ui=tree][data-guides=false] [data-part=guide]{background-image:none}[data-ui=tree] [data-part=expander]{--slotted-icon-size: var(--_icon-size);block-size:var(--_icon-size);color:var(--_muted);display:flex;flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui=tree] [data-part=expander]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=tree] [data-part=expander]:dir(rtl)>[data-ui=icon]{rotate:180deg}[data-ui=tree] [data-part=node][data-expanded]>[data-part=row] [data-part=expander]>[data-ui=icon]{rotate:90deg}[data-ui=tree][data-expand-on=expander] [data-part=node][data-branch]>[data-part=row] [data-part=expander]{box-sizing:content-box;cursor:pointer;margin-block:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / -2);margin-inline-end:calc(var(--_gap) - (var(--slotted-target-min, 24px) - var(--_icon-size)) / 2);margin-inline-start:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / -2);padding-block:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / 2);padding-inline:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / 2)}[data-ui=tree][data-selection=none][data-expand-on=expander] [data-part=row],[data-ui=tree][data-selection=none] [data-part=node]:not([data-branch])>[data-part=row]{cursor:default}[data-ui=tree][data-readonly] [data-part=row]{cursor:default}[data-ui=tree] [data-part=indicator]{--_mark-inset: var(--slotted-tree-mark-inset, 2px);--_check-border: var(--slotted-border-width-medium, 1.5px);--_mark-size: calc(var(--_check-size) - 2 * var(--_mark-inset));--slotted-icon-size: var(--_mark-size);background-color:var(--_surface);block-size:var(--_check-size);border:var(--_check-border) solid var(--slotted-border-strong);border-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;cursor:pointer;flex:none;inline-size:var(--_check-size);margin-inline-end:var(--_gap);position:relative;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=tree] [data-part=indicator]>[data-ui=icon]{clip-path:inset(0% 100% 0% 0%);color:var(--slotted-tone-accent-on-solid);inset-block-start:calc(var(--_mark-inset) - var(--_check-border));inset-inline-start:calc(var(--_mark-inset) - var(--_check-border));opacity:0;pointer-events:none;position:absolute;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=tree] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=row] [data-part=indicator]{background-color:var(--slotted-tone-accent-solid);border-color:var(--slotted-tone-accent-solid)}[data-ui=tree] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=row] [data-part=indicator]>[data-ui=icon]{clip-path:inset(0% 0% 0% 0%);opacity:1}[data-ui=tree] [data-part=node][data-disabled]>[data-part=row] [data-part=indicator]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);cursor:not-allowed}[data-ui=tree]:is([data-indicator=highlight],[data-indicator=none]) [data-part=indicator]{display:none}[data-ui=tree] [data-part=icon]{block-size:var(--_icon-size);color:var(--_muted);flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui=tree][data-part=root]:has([data-part=icon]) [data-part=row]:not(:has([data-part=icon])) [data-part=label]{margin-inline-start:calc(var(--_icon-size) + var(--_gap))}[data-ui=tree] :is([data-part=label],[data-part=description],[data-part=meta],[data-part=empty]){unicode-bidi:plaintext}[data-ui=tree] [data-part=label]{flex:0 1 auto;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tree] [data-part=label]:has([data-ui=skeleton]){flex:1 1 auto;max-inline-size:62%}[data-ui=tree] [data-part=node]:nth-child(2n)>[data-part=row] [data-part=label]:has([data-ui=skeleton]){max-inline-size:44%}[data-ui=tree] [data-part=node]:nth-child(3n)>[data-part=row] [data-part=label]:has([data-ui=skeleton]){max-inline-size:73%}[data-ui=tree] [data-part=label] mark{background-color:color-mix(in oklab,var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);color:inherit;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=tree] [data-part=node][data-selected]>[data-part=row] [data-part=label] mark{background-color:transparent}[data-ui=tree] [data-part=description]{color:var(--_muted);margin-inline-start:var(--_gap);flex:0 1 auto;font-size:var(--_secondary-font-size);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=tree] [data-part=meta]{color:var(--_muted);flex:none;font-size:var(--_secondary-font-size);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding-inline-start:var(--_gap)}[data-ui=tree] [data-part=loader]{--slotted-spinner-size: var(--_icon-size);block-size:var(--_icon-size);color:var(--_muted);flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui=tree] [data-part=actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-inline-start:auto;padding-inline-start:var(--_gap)}[data-ui=tree] [data-part=meta]~[data-part=actions]{margin-inline-start:0}[data-ui=tree] [data-part=empty]{color:var(--_muted);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_row-inset);text-align:center}[data-ui=tree] [data-part=node]:not([data-disabled]):not([data-loading])>[data-part=row]:hover{background-color:var(--_highlight)}[data-ui=tree] [data-part=node]:not([data-disabled]):not([data-loading])>[data-part=row]:active{background-color:var(--_highlight-active)}[data-ui=tree] [data-part=node][data-current]:not([data-disabled])>[data-part=row]{background-color:var(--_highlight)}[data-ui=tree] [data-part=node][data-selected]:not([data-disabled])>[data-part=row]{background-color:var(--_selected-surface);color:var(--_selected-text)}[data-ui=tree] [data-part=node][data-selected]:not([data-disabled])>[data-part=row] :is([data-part=icon],[data-part=meta],[data-part=expander]){color:inherit}[data-ui=tree] [data-part=node][data-selected-within]:not([data-selected]):not([data-disabled])>[data-part=row]{color:var(--_selected-text)}[data-ui=tree] [data-part=node][data-selected-within]:not([data-selected]):not([data-disabled])>[data-part=row] [data-part=expander]{color:inherit}[data-ui=tree] [data-part=node][data-disabled]>[data-part=row]{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=tree] [data-part=node][data-disabled]>[data-part=row] :is([data-part=icon],[data-part=meta],[data-part=expander],[data-part=description]){color:inherit}[data-ui=tree] [data-part=node][data-loading]>[data-part=row]{cursor:progress}[data-ui=tree] [data-part=node]:focus-visible>[data-part=row],[data-ui=tree] [data-part=canvas]:focus-visible [data-part=node][data-current]>[data-part=row]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=tree][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);--_border-color: var(--slotted-tone-danger-border);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_shadow: inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui=tree][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=tree][data-disabled][data-variant=framed]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);box-shadow:none}[data-ui=tree][data-structure=flat]{max-block-size:calc(var(--_rows) * var(--_row-height) + 2 * var(--_inset-block));overflow:auto}[data-ui=tree][data-structure=flat] [data-part=canvas]{block-size:var(--_canvas-size, auto);max-block-size:none;overflow:visible;padding-block-start:calc(var(--_inset-block) + var(--_canvas-offset, 0px));position:relative}[data-ui=tree] [data-part=node][data-pinned]{inset-block-start:var(--slotted-tree-row-offset, 0px);inset-inline:0;position:absolute}@container slotted-tree (max-width: 320px){[data-ui=tree] [data-part=canvas]{--_indent: calc(var(--_icon-size) / 2 + var(--slotted-space-3, .375rem))}}@container slotted-tree (max-width: 240px){[data-ui=tree] [data-part=canvas]{--_indent: calc(var(--_icon-size) / 2 + var(--slotted-space-2, .25rem));--_row-inset: var(--slotted-control-padding-inline-sm, .625rem)}[data-ui=tree] [data-part=description]{display:none}}@media(forced-colors:active){[data-ui=tree] [data-part=node][data-selected]>[data-part=row]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=tree] [data-part=node][data-disabled]>[data-part=row]{color:GrayText}[data-ui=tree] [data-part=indicator]>[data-ui=icon]{forced-color-adjust:none}}@media(forced-colors:active){[data-ui=tree][data-variant=framed][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}}\n", "@layer slotted.components{[data-ui=highlight] [data-part=match]{background-color:var( --slotted-highlight-background, color-mix( in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%), transparent ) );-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none, 0px);color:var(--slotted-highlight-color, var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;padding:0;text-decoration-color:var(--slotted-highlight-rule-color, var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:var(--slotted-space-1, .125rem)}[data-ui=highlight] [data-part=match][data-current]{background-color:var(--slotted-highlight-current-background, var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color, var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui=highlight]:is([data-disabled],[data-disabled] *) [data-part=match]{background-color:var(--slotted-highlight-disabled-background, transparent);color:inherit;text-decoration-line:underline}@media(forced-colors:active){[data-ui=highlight] [data-part=match],[data-ui=highlight]:is([data-disabled],[data-disabled] *) [data-part=match]{background-color:Mark;color:MarkText;forced-color-adjust:none}[data-ui=highlight] [data-part=match][data-current]{background-color:Highlight;color:HighlightText}}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-tree]{--_surface: var(--slotted-tree-surface, var(--slotted-surface, #ffffff));--_text: var(--slotted-tree-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-tree-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var(--slotted-tree-border-color, var(--slotted-control-border-color));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-tree-radius, var(--slotted-radius-md, 6px));--_shadow: var(--slotted-tree-shadow, var(--slotted-control-shadow));--_highlight: var(--slotted-tree-highlight, var(--slotted-tone-secondary-subtle-hover));--_highlight-active: var( --slotted-tree-highlight-active, var(--slotted-tone-secondary-subtle-active) );--_selected-surface: var(--slotted-tree-selected-surface, var(--slotted-tone-accent-surface));--_selected-text: var(--slotted-tree-selected-text, var(--slotted-tone-accent-text));--_selected-edge: var(--slotted-tree-selected-edge, var(--slotted-tone-accent-border));--_guide-color: var( --slotted-tree-guide-color, color-mix(in oklab, var(--slotted-border-strong) 60%, var(--slotted-border-subtle)) );--_indent: var( --slotted-tree-indent, calc(var(--_icon-size) / 2 + var(--slotted-space-4, .5rem)) );--_inset-block: var(--slotted-tree-padding-block, var(--slotted-space-2, .25rem));--_inset-inline: var(--slotted-tree-padding-inline, var(--slotted-space-2, .25rem));--_row-inset: var(--slotted-control-padding-inline-md, .8125rem);--_row-height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, .5rem);--_check-size: var(--slotted-selection-size-md, 16px);--_rows: var(--slotted-tree-rows, 12);--_measure: var(--slotted-tree-measure, 28rem);box-sizing:border-box;color:var(--_text);container-name:slotted-tree;container-type:inline-size;display:block;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);inline-size:100%;max-inline-size:var(--_measure);text-align:start}[data-ui-tree][data-size=sm]{--_row-inset: var(--slotted-control-padding-inline-sm, .625rem);--_row-height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, .375rem);--_check-size: var(--slotted-selection-size-sm, 14px)}[data-ui-tree][data-size=lg]{--_row-inset: var(--slotted-control-padding-inline-lg, 1rem);--_row-height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, .5rem);--_check-size: var(--slotted-selection-size-lg, 18px)}[data-ui-tree][data-variant=framed]{background-color:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow)}[data-ui-tree] [data-part-canvas]{max-block-size:calc(var(--_rows) * var(--_row-height) + 2 * var(--_inset-block));outline:none;overflow:auto;padding-block:var(--_inset-block);padding-inline:0}[data-ui-tree] :is([data-part-canvas],[data-part-group]){list-style:none;margin-block:0;margin-inline:0;padding-inline:0}[data-ui-tree] [data-part-group]{padding-block:0;padding-inline:0}[data-ui-tree] [data-part-node]{display:block;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;outline:none}[data-ui-tree] [data-part-row]{align-items:center;background-color:transparent;color:inherit;cursor:pointer;display:flex;min-block-size:var(--_row-height);outline:none;padding-block:0;padding-inline:calc(var(--_inset-inline) + var(--slotted-tree-depth, 0) * var(--_indent)) var(--_row-inset);position:relative;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));-webkit-user-select:none;user-select:none}[data-ui-tree] [data-part-guide]{background-image:repeating-linear-gradient(to right,var(--_guide-color) 0 var(--_border-width),transparent var(--_border-width) var(--_indent));inline-size:calc(var(--slotted-tree-depth, 0) * var(--_indent));inset-block:0;inset-inline-start:calc(var(--_inset-inline) + var(--_icon-size) / 2);pointer-events:none;position:absolute}[data-ui-tree] [data-part-guide]:dir(rtl){background-image:repeating-linear-gradient(to left,var(--_guide-color) 0 var(--_border-width),transparent var(--_border-width) var(--_indent))}[data-ui-tree][data-guides=false] [data-part-guide]{background-image:none}[data-ui-tree] [data-part-expander]{--slotted-icon-size: var(--_icon-size);block-size:var(--_icon-size);color:var(--_muted);display:flex;flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui-tree] [data-part-expander]>[data-ui-icon]{transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-tree] [data-part-expander]:dir(rtl)>[data-ui-icon]{rotate:180deg}[data-ui-tree] [data-part-node][data-expanded]>[data-part-row] [data-part-expander]>[data-ui-icon]{rotate:90deg}[data-ui-tree][data-expand-on=expander] [data-part-node][data-branch]>[data-part-row] [data-part-expander]{box-sizing:content-box;cursor:pointer;margin-block:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / -2);margin-inline-end:calc(var(--_gap) - (var(--slotted-target-min, 24px) - var(--_icon-size)) / 2);margin-inline-start:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / -2);padding-block:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / 2);padding-inline:calc((var(--slotted-target-min, 24px) - var(--_icon-size)) / 2)}[data-ui-tree][data-selection=none][data-expand-on=expander] [data-part-row],[data-ui-tree][data-selection=none] [data-part-node]:not([data-branch])>[data-part-row]{cursor:default}[data-ui-tree][data-readonly] [data-part-row]{cursor:default}[data-ui-tree] [data-part-indicator]{--_mark-inset: var(--slotted-tree-mark-inset, 2px);--_check-border: var(--slotted-border-width-medium, 1.5px);--_mark-size: calc(var(--_check-size) - 2 * var(--_mark-inset));--slotted-icon-size: var(--_mark-size);background-color:var(--_surface);block-size:var(--_check-size);border:var(--_check-border) solid var(--slotted-border-strong);border-radius:var(--slotted-radius-xs, 2px);box-sizing:border-box;cursor:pointer;flex:none;inline-size:var(--_check-size);margin-inline-end:var(--_gap);position:relative;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),border-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-tree] [data-part-indicator]>[data-ui-icon]{clip-path:inset(0% 100% 0% 0%);color:var(--slotted-tone-accent-on-solid);inset-block-start:calc(var(--_mark-inset) - var(--_check-border));inset-inline-start:calc(var(--_mark-inset) - var(--_check-border));opacity:0;pointer-events:none;position:absolute;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-tree] [data-part-node]:is([data-selected],[data-indeterminate])>[data-part-row] [data-part-indicator]{background-color:var(--slotted-tone-accent-solid);border-color:var(--slotted-tone-accent-solid)}[data-ui-tree] [data-part-node]:is([data-selected],[data-indeterminate])>[data-part-row] [data-part-indicator]>[data-ui-icon]{clip-path:inset(0% 0% 0% 0%);opacity:1}[data-ui-tree] [data-part-node][data-disabled]>[data-part-row] [data-part-indicator]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);cursor:not-allowed}[data-ui-tree]:is([data-indicator=highlight],[data-indicator=none]) [data-part-indicator]{display:none}[data-ui-tree] [data-part-icon]{block-size:var(--_icon-size);color:var(--_muted);flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui-tree][data-part-root]:has([data-part-icon]) [data-part-row]:not(:has([data-part-icon])) [data-part-label]{margin-inline-start:calc(var(--_icon-size) + var(--_gap))}[data-ui-tree] :is([data-part-label],[data-part-description],[data-part-meta],[data-part-empty]){unicode-bidi:plaintext}[data-ui-tree] [data-part-label]{flex:0 1 auto;line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-tree] [data-part-label]:has([data-ui-skeleton]){flex:1 1 auto;max-inline-size:62%}[data-ui-tree] [data-part-node]:nth-child(2n)>[data-part-row] [data-part-label]:has([data-ui-skeleton]){max-inline-size:44%}[data-ui-tree] [data-part-node]:nth-child(3n)>[data-part-row] [data-part-label]:has([data-ui-skeleton]){max-inline-size:73%}[data-ui-tree] [data-part-label] mark{background-color:color-mix(in oklab,var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);color:inherit;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-tree] [data-part-node][data-selected]>[data-part-row] [data-part-label] mark{background-color:transparent}[data-ui-tree] [data-part-description]{color:var(--_muted);margin-inline-start:var(--_gap);flex:0 1 auto;font-size:var(--_secondary-font-size);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-tree] [data-part-meta]{color:var(--_muted);flex:none;font-size:var(--_secondary-font-size);font-variant-numeric:tabular-nums;margin-inline-start:auto;padding-inline-start:var(--_gap)}[data-ui-tree] [data-part-loader]{--slotted-spinner-size: var(--_icon-size);block-size:var(--_icon-size);color:var(--_muted);flex:none;inline-size:var(--_icon-size);margin-inline-end:var(--_gap)}[data-ui-tree] [data-part-actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-inline-start:auto;padding-inline-start:var(--_gap)}[data-ui-tree] [data-part-meta]~[data-part-actions]{margin-inline-start:0}[data-ui-tree] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_row-inset);text-align:center}[data-ui-tree] [data-part-node]:not([data-disabled]):not([data-loading])>[data-part-row]:hover{background-color:var(--_highlight)}[data-ui-tree] [data-part-node]:not([data-disabled]):not([data-loading])>[data-part-row]:active{background-color:var(--_highlight-active)}[data-ui-tree] [data-part-node][data-current]:not([data-disabled])>[data-part-row]{background-color:var(--_highlight)}[data-ui-tree] [data-part-node][data-selected]:not([data-disabled])>[data-part-row]{background-color:var(--_selected-surface);color:var(--_selected-text)}[data-ui-tree] [data-part-node][data-selected]:not([data-disabled])>[data-part-row] :is([data-part-icon],[data-part-meta],[data-part-expander]){color:inherit}[data-ui-tree] [data-part-node][data-selected-within]:not([data-selected]):not([data-disabled])>[data-part-row]{color:var(--_selected-text)}[data-ui-tree] [data-part-node][data-selected-within]:not([data-selected]):not([data-disabled])>[data-part-row] [data-part-expander]{color:inherit}[data-ui-tree] [data-part-node][data-disabled]>[data-part-row]{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui-tree] [data-part-node][data-disabled]>[data-part-row] :is([data-part-icon],[data-part-meta],[data-part-expander],[data-part-description]){color:inherit}[data-ui-tree] [data-part-node][data-loading]>[data-part-row]{cursor:progress}[data-ui-tree] [data-part-node]:focus-visible>[data-part-row],[data-ui-tree] [data-part-canvas]:focus-visible [data-part-node][data-current]>[data-part-row]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui-tree][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);--_border-color: var(--slotted-tone-danger-border);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_shadow: inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui-tree][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-tree][data-disabled][data-variant=framed]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);box-shadow:none}[data-ui-tree][data-structure=flat]{max-block-size:calc(var(--_rows) * var(--_row-height) + 2 * var(--_inset-block));overflow:auto}[data-ui-tree][data-structure=flat] [data-part-canvas]{block-size:var(--_canvas-size, auto);max-block-size:none;overflow:visible;padding-block-start:calc(var(--_inset-block) + var(--_canvas-offset, 0px));position:relative}[data-ui-tree] [data-part-node][data-pinned]{inset-block-start:var(--slotted-tree-row-offset, 0px);inset-inline:0;position:absolute}@container slotted-tree (max-width: 320px){[data-ui-tree] [data-part-canvas]{--_indent: calc(var(--_icon-size) / 2 + var(--slotted-space-3, .375rem))}}@container slotted-tree (max-width: 240px){[data-ui-tree] [data-part-canvas]{--_indent: calc(var(--_icon-size) / 2 + var(--slotted-space-2, .25rem));--_row-inset: var(--slotted-control-padding-inline-sm, .625rem)}[data-ui-tree] [data-part-description]{display:none}}@media(forced-colors:active){[data-ui-tree] [data-part-node][data-selected]>[data-part-row]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-tree] [data-part-node][data-disabled]>[data-part-row]{color:GrayText}[data-ui-tree] [data-part-indicator]>[data-ui-icon]{forced-color-adjust:none}}@media(forced-colors:active){[data-ui-tree][data-variant=framed][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}}\n", "@layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var( --slotted-highlight-background, color-mix( in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%), transparent ) );-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none, 0px);color:var(--slotted-highlight-color, var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;padding:0;text-decoration-color:var(--slotted-highlight-rule-color, var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin, 1px);text-underline-offset:var(--slotted-space-1, .125rem)}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background, var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color, var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background, transparent);color:inherit;text-decoration-line:underline}@media(forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:Mark;color:MarkText;forced-color-adjust:none}[data-ui-highlight] [data-part-match][data-current]{background-color:Highlight;color:HighlightText}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expandedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedKeys", required: false }] }, { type: i0.Output, args: ["expandedKeysChange"] }], activeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeKey", required: false }] }, { type: i0.Output, args: ["activeKeyChange"] }], valueRequest: [{ type: i0.Output, args: ["valueRequest"] }], expandedKeysRequest: [{ type: i0.Output, args: ["expandedKeysRequest"] }], activeKeyRequest: [{ type: i0.Output, args: ["activeKeyRequest"] }], nodeActivate: [{ type: i0.Output, args: ["nodeActivate"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "structure", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selectionBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionBehavior", required: false }] }], selectionIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionIndicator", required: false }] }], selectionCascade: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionCascade", required: false }] }], expandOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOn", required: false }] }], focusMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusMode", required: false }] }], guides: [{ type: i0.Input, args: [{ isSignal: true, alias: "guides", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], typeahead: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeahead", required: false }] }], typeaheadTimeout: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeaheadTimeout", required: false }] }], selectOnFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectOnFocus", required: false }] }], navigateDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigateDisabled", required: false }] }], disallowEmptySelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "disallowEmptySelection", required: false }] }], disallowSelectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "disallowSelectAll", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], virtual: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtual", required: false }] }], itemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemSize", required: false }] }], overscan: [{ type: i0.Input, args: [{ isSignal: true, alias: "overscan", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], getKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "getKey", required: false }] }], getLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "getLabel", required: false }] }], getChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildren", required: false }] }], getLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "getLevel", required: false }] }], hasChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasChildren", required: false }] }], getChildrenCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenCount", required: false }] }], isNodeDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNodeDisabled", required: false }] }], isNodeLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNodeLoading", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], nodeContent: [{ type: i0.ContentChild, args: ['slTreeNodeContent', { isSignal: true }] }] } });
 
 /**