@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/fesm2022/slotted-angular-cascader.mjs

@@ -0,0 +1,1839 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, input, output, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component, InjectionToken, computed, booleanAttribute, numberAttribute, model, contentChild, signal, HostAttributeToken, ElementRef, ViewContainerRef, viewChild, effect, untracked, afterRenderEffect, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { injectMessages, injectLocale } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { flatToTree, cascaderLayout, cascaderFit, cascaderSelection, cascaderView, pathTo, cascaderValue, cascaderKey, cascaderMeasure } from '@slotted/core/cascader';
+import { cascaderMessages } from '@slotted/core/i18n';
+import { createDismissableLayer } from '@slotted/core/dismissable-layer';
+import { createPortalRoot } from '@slotted/core/portal';
+import { createPositioner } from '@slotted/core/positioner';
+import { createTypeahead, isPrintable } from '@slotted/core/typeahead';
+import { SlButton } from '@slotted/angular/button';
+import { SlHighlight } from '@slotted/angular/highlight';
+import { matchRanges } from '@slotted/core/highlight';
+import { createTreeCollection, cascadeSelection } from '@slotted/core/collection';
+import { createControllable } from '@slotted/core/state';
+
+/**
+ * The label of a node, written by the consumer:
+ * `<ng-template slCascaderNode let-place let-view="view">…</ng-template>`.
+ * The row, its marks and its count stay the family's.
+ */
+class SlCascaderNode {
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(_directive, context) {
+        return context !== null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCascaderNode, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCascaderNode, isStandalone: true, selector: "ng-template[slCascaderNode]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCascaderNode, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slCascaderNode]', standalone: true }]
+        }] });
+/**
+ * What the surface holds, the same in the popup and on the page: the
+ * breadcrumb, then the tree with its columns, or the results of a query. Its
+ * host takes no box (`display: contents`), so the surface's own layout reaches
+ * the breadcrumb and the tree as if they were its children.
+ */
+class SlCascaderBody {
+    engine = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "engine" }] : /* istanbul ignore next */ []));
+    nodeId = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nodeId" }] : /* istanbul ignore next */ []));
+    treeId = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "treeId" }] : /* istanbul ignore next */ []));
+    focusable = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusable" }] : /* istanbul ignore next */ []));
+    label = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    labelledBy = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
+    separator = input('/', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
+    expandOn = input('press', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandOn" }] : /* istanbul ignore next */ []));
+    hoverDelay = input(150, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hoverDelay" }] : /* istanbul ignore next */ []));
+    nodeTemplate = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nodeTemplate" }] : /* istanbul ignore next */ []));
+    getDescription = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getDescription" }] : /* istanbul ignore next */ []));
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    retry = output();
+    treeKeydown = output();
+    hover;
+    constructor() {
+        inject(DestroyRef).onDestroy(() => clearTimeout(this.hover));
+    }
+    /**
+     * The `highlight` family draws the match, from the collator the search used,
+     * so the mark reads the same here as in every other filtered list.
+     */
+    ranges(label) {
+        return matchRanges(label, this.engine().query, { locale: this.locale() });
+    }
+    backLabel(key) {
+        return this.engine().t('back', { label: this.engine().labelOf(key) });
+    }
+    failedLabel(key) {
+        return this.engine().t('failed', { label: this.engine().labelOf(key) });
+    }
+    noResults() {
+        return this.engine().t('noResults', { query: this.engine().query });
+    }
+    resultCount(count) {
+        return count === 0 ? '' : this.engine().t('results', { count });
+    }
+    descriptionOf(node, searching) {
+        const engine = this.engine();
+        if (searching) {
+            const trail = node.trail.map((key) => engine.labelOf(key)).join(` ${this.separator()} `);
+            return trail === '' ? undefined : trail;
+        }
+        const item = engine.itemFor(node.key);
+        return item === undefined ? undefined : this.getDescription()?.(item);
+    }
+    metaOf(node) {
+        if (!node.branch)
+            return undefined;
+        /* Inside a chosen branch the count is how many are chosen there. */
+        if (this.engine().multiple && node.selectedInside > 0)
+            return String(node.selectedInside);
+        return node.childrenCount === undefined ? undefined : String(node.childrenCount);
+    }
+    goTo(level, event) {
+        this.engine().goTo(level, event.detail === 0 ? 'keyboard' : 'pointer', event);
+    }
+    onCrumb(crumb, event) {
+        if (crumb.type === 'level' && !crumb.current)
+            this.goTo(crumb.key, event);
+    }
+    onPointerMove(node, event) {
+        if (!node.current)
+            this.engine().setActive(node.key, 'pointer', event);
+    }
+    onPointerEnter(node) {
+        this.cancelHover();
+        const engine = this.engine();
+        if (this.expandOn() !== 'hover' || !node.branch || node.disabled)
+            return;
+        if (engine.layout() === 'tree' || engine.view().searching)
+            return;
+        /* Hover shows a level after a rest and never commits. */
+        this.hover = setTimeout(() => engine.showLevel(node.key, 'pointer'), this.hoverDelay());
+    }
+    cancelHover() {
+        clearTimeout(this.hover);
+    }
+    onNodeClick(node, event) {
+        if (node.disabled)
+            return;
+        const engine = this.engine();
+        const reason = event.detail === 0 ? 'keyboard' : 'pointer';
+        const target = event.target;
+        const onBox = target.closest("[data-part='indicator']") !== null;
+        const onExpander = target.closest("[data-part='expander']") !== null;
+        if (engine.view().searching) {
+            if (node.selectable)
+                engine.choose(node.key, reason, event);
+            else if (node.branch) {
+                engine.setQuery('', 'select', event);
+                engine.showLevel(node.key, reason, event);
+            }
+            return;
+        }
+        if (engine.layout() === 'tree') {
+            if (node.branch && (onExpander || !node.selectable)) {
+                engine.toggleExpanded(node.key, reason, event);
+                return;
+            }
+            engine.choose(node.key, reason, event);
+            return;
+        }
+        if (engine.multiple && onBox) {
+            engine.choose(node.key, reason, event);
+            return;
+        }
+        if (node.branch) {
+            engine.showLevel(node.key, reason, event);
+            engine.setActive(node.key, reason, event);
+            /* A branch the consumer made selectable is chosen as it opens, and the
+               popup stays: the reader is drilling. */
+            if (node.selectable && !engine.multiple)
+                engine.choose(node.key, reason, event, { close: false });
+            return;
+        }
+        engine.choose(node.key, reason, event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCascaderBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCascaderBody, isStandalone: true, selector: "sl-cascader-body", inputs: { engine: { classPropertyName: "engine", publicName: "engine", isSignal: true, isRequired: true, transformFunction: null }, nodeId: { classPropertyName: "nodeId", publicName: "nodeId", isSignal: true, isRequired: true, transformFunction: null }, treeId: { classPropertyName: "treeId", publicName: "treeId", isSignal: true, isRequired: true, transformFunction: null }, focusable: { classPropertyName: "focusable", publicName: "focusable", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, expandOn: { classPropertyName: "expandOn", publicName: "expandOn", isSignal: true, isRequired: false, transformFunction: null }, hoverDelay: { classPropertyName: "hoverDelay", publicName: "hoverDelay", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplate: { classPropertyName: "nodeTemplate", publicName: "nodeTemplate", isSignal: true, isRequired: false, transformFunction: null }, getDescription: { classPropertyName: "getDescription", publicName: "getDescription", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { retry: "retry", treeKeydown: "treeKeydown" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: `
+    @let view = engine().view();
+    @if (view.crumbs.length > 0) {
+      <nav data-part="breadcrumb" [attr.aria-label]="engine().t('breadcrumb')">
+        @for (crumb of view.crumbs; track $index) {
+          @if (!$first) {
+            <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
+          }
+          @if (crumb.type === 'collapsed') {
+            <button
+              type="button"
+              data-part="crumb"
+              data-collapsed
+              [attr.aria-label]="backLabel(crumb.target)"
+              (click)="goTo(crumb.target, $event)"
+            >
+              …
+            </button>
+          } @else {
+            <button
+              type="button"
+              data-part="crumb"
+              [attr.aria-current]="crumb.current ? 'location' : null"
+              (click)="onCrumb(crumb, $event)"
+            >
+              {{ engine().labelOf(crumb.key) }}
+            </button>
+          }
+        }
+        @if (engine().layout() === 'columns') {
+          <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
+        }
+      </nav>
+    }
+    <div
+      data-part="panel"
+      role="tree"
+      [id]="treeId()"
+      [attr.tabindex]="focusable() ? 0 : null"
+      [attr.aria-activedescendant]="
+        focusable() && engine().activeKey !== null ? nodeId()(engine().activeKey!) : null
+      "
+      [attr.aria-label]="label() ?? null"
+      [attr.aria-labelledby]="label() === undefined ? (labelledBy() ?? null) : null"
+      [attr.aria-multiselectable]="engine().multiple ? true : null"
+      (keydown)="treeKeydown.emit($event)"
+    >
+      @if (view.searching) {
+        <div data-part="column" role="group" [attr.aria-label]="engine().t('search')">
+          @for (node of view.results; track node.key) {
+            <ng-container *ngTemplateOutlet="row; context: { $implicit: node }" />
+          }
+          @if (view.results.length === 0) {
+            <div data-part="empty">{{ noResults() }}</div>
+          }
+          <div data-part="status" role="status">{{ resultCount(view.results.length) }}</div>
+        </div>
+      } @else {
+        @for (column of view.columns; track column.parent ?? '') {
+          <div
+            data-part="column"
+            role="group"
+            [attr.aria-label]="engine().labelOf(column.parent)"
+            [attr.aria-busy]="column.pending && !column.failed ? true : null"
+          >
+            @for (node of column.nodes; track node.key) {
+              <ng-container *ngTemplateOutlet="row; context: { $implicit: node }" />
+            }
+            @if (column.pending && !column.failed) {
+              @for (index of [0, 1, 2]; track index) {
+                <div data-part="loader" aria-hidden="true">
+                  <span data-ui="skeleton" data-part="root" data-shape="text" data-loading></span>
+                </div>
+              }
+            }
+            @if (column.failed && column.parent !== undefined) {
+              <div data-part="status" role="status">
+                {{ failedLabel(column.parent) }}
+                <button
+                  slButton
+                  size="sm"
+                  variant="outline"
+                  type="button"
+                  (click)="retry.emit(column.parent)"
+                >
+                  {{ engine().t('retry') }}
+                </button>
+              </div>
+            }
+            @if (!column.pending && !column.failed && column.nodes.length === 0) {
+              <div data-part="empty">{{ engine().t('empty') }}</div>
+            }
+          </div>
+        }
+      }
+    </div>
+
+    <ng-template #row let-node>
+      <div
+        data-part="node"
+        role="treeitem"
+        [id]="nodeId()(node.key)"
+        [attr.aria-level]="view.searching ? null : node.level"
+        [attr.aria-posinset]="view.searching ? null : node.posInSet"
+        [attr.aria-setsize]="view.searching ? null : node.setSize"
+        [attr.aria-expanded]="node.branch && !view.searching ? node.expanded : null"
+        [attr.aria-selected]="engine().multiple ? null : node.selected"
+        [attr.aria-checked]="
+          engine().multiple ? (node.indeterminate ? 'mixed' : node.selected) : null
+        "
+        [attr.aria-disabled]="node.disabled ? true : null"
+        [attr.aria-busy]="node.loading ? true : null"
+        [attr.data-current]="node.current ? '' : null"
+        [attr.data-expanded]="node.expanded && !view.searching ? '' : null"
+        [attr.data-selected]="node.selected ? '' : null"
+        [attr.data-indeterminate]="node.indeterminate ? '' : null"
+        [attr.data-disabled]="node.disabled ? '' : null"
+        [attr.data-loading]="node.loading ? '' : null"
+        [style.--slotted-cascader-depth]="
+          engine().layout() === 'tree' && !view.searching ? node.depth : null
+        "
+        (click)="onNodeClick(node, $event)"
+        (pointermove)="onPointerMove(node, $event)"
+        (pointerenter)="onPointerEnter(node)"
+        (pointerleave)="cancelHover()"
+      >
+        @if (engine().multiple) {
+          <span data-part="indicator"
+            ><span slIcon><svg slGlyph [name]="node.indeterminate ? 'minus' : 'check'"></svg></span
+          ></span>
+        }
+        <span data-part="label">
+          @if (nodeTemplate(); as template) {
+            <ng-container
+              *ngTemplateOutlet="
+                template;
+                context: { $implicit: engine().itemFor(node.key), view: node }
+              "
+            />
+          } @else if (view.searching && engine().query !== '') {
+            <span slHighlight [text]="node.label" [ranges]="ranges(node.label)"></span>
+          } @else {
+            {{ node.label }}
+          }
+        </span>
+        @if (descriptionOf(node, view.searching); as description) {
+          <span data-part="description">{{ description }}</span>
+        }
+        @if (metaOf(node); as meta) {
+          <span data-part="meta" aria-hidden="true">{{ meta }}</span>
+        }
+        @if (node.branch) {
+          <span data-part="expander" aria-hidden="true">
+            @if (node.loading) {
+              <span data-ui="spinner" data-part="root"></span>
+            } @else {
+              <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
+            }
+          </span>
+        } @else if (!engine().multiple) {
+          <span data-part="indicator"
+            ><span slIcon><svg slGlyph name="check"></svg></span
+          ></span>
+        }
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlHighlight, selector: "[slHighlight]", inputs: ["text", "query", "ranges", "matcher", "current", "locale", "sensitivity", "occurrences", "disabled"], exportAs: ["slHighlight"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCascaderBody, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sl-cascader-body',
+                    standalone: true,
+                    imports: [NgTemplateOutlet, SlButton, SlGlyph, SlHighlight, SlIcon],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { style: 'display: contents' },
+                    template: `
+    @let view = engine().view();
+    @if (view.crumbs.length > 0) {
+      <nav data-part="breadcrumb" [attr.aria-label]="engine().t('breadcrumb')">
+        @for (crumb of view.crumbs; track $index) {
+          @if (!$first) {
+            <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
+          }
+          @if (crumb.type === 'collapsed') {
+            <button
+              type="button"
+              data-part="crumb"
+              data-collapsed
+              [attr.aria-label]="backLabel(crumb.target)"
+              (click)="goTo(crumb.target, $event)"
+            >
+              …
+            </button>
+          } @else {
+            <button
+              type="button"
+              data-part="crumb"
+              [attr.aria-current]="crumb.current ? 'location' : null"
+              (click)="onCrumb(crumb, $event)"
+            >
+              {{ engine().labelOf(crumb.key) }}
+            </button>
+          }
+        }
+        @if (engine().layout() === 'columns') {
+          <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
+        }
+      </nav>
+    }
+    <div
+      data-part="panel"
+      role="tree"
+      [id]="treeId()"
+      [attr.tabindex]="focusable() ? 0 : null"
+      [attr.aria-activedescendant]="
+        focusable() && engine().activeKey !== null ? nodeId()(engine().activeKey!) : null
+      "
+      [attr.aria-label]="label() ?? null"
+      [attr.aria-labelledby]="label() === undefined ? (labelledBy() ?? null) : null"
+      [attr.aria-multiselectable]="engine().multiple ? true : null"
+      (keydown)="treeKeydown.emit($event)"
+    >
+      @if (view.searching) {
+        <div data-part="column" role="group" [attr.aria-label]="engine().t('search')">
+          @for (node of view.results; track node.key) {
+            <ng-container *ngTemplateOutlet="row; context: { $implicit: node }" />
+          }
+          @if (view.results.length === 0) {
+            <div data-part="empty">{{ noResults() }}</div>
+          }
+          <div data-part="status" role="status">{{ resultCount(view.results.length) }}</div>
+        </div>
+      } @else {
+        @for (column of view.columns; track column.parent ?? '') {
+          <div
+            data-part="column"
+            role="group"
+            [attr.aria-label]="engine().labelOf(column.parent)"
+            [attr.aria-busy]="column.pending && !column.failed ? true : null"
+          >
+            @for (node of column.nodes; track node.key) {
+              <ng-container *ngTemplateOutlet="row; context: { $implicit: node }" />
+            }
+            @if (column.pending && !column.failed) {
+              @for (index of [0, 1, 2]; track index) {
+                <div data-part="loader" aria-hidden="true">
+                  <span data-ui="skeleton" data-part="root" data-shape="text" data-loading></span>
+                </div>
+              }
+            }
+            @if (column.failed && column.parent !== undefined) {
+              <div data-part="status" role="status">
+                {{ failedLabel(column.parent) }}
+                <button
+                  slButton
+                  size="sm"
+                  variant="outline"
+                  type="button"
+                  (click)="retry.emit(column.parent)"
+                >
+                  {{ engine().t('retry') }}
+                </button>
+              </div>
+            }
+            @if (!column.pending && !column.failed && column.nodes.length === 0) {
+              <div data-part="empty">{{ engine().t('empty') }}</div>
+            }
+          </div>
+        }
+      }
+    </div>
+
+    <ng-template #row let-node>
+      <div
+        data-part="node"
+        role="treeitem"
+        [id]="nodeId()(node.key)"
+        [attr.aria-level]="view.searching ? null : node.level"
+        [attr.aria-posinset]="view.searching ? null : node.posInSet"
+        [attr.aria-setsize]="view.searching ? null : node.setSize"
+        [attr.aria-expanded]="node.branch && !view.searching ? node.expanded : null"
+        [attr.aria-selected]="engine().multiple ? null : node.selected"
+        [attr.aria-checked]="
+          engine().multiple ? (node.indeterminate ? 'mixed' : node.selected) : null
+        "
+        [attr.aria-disabled]="node.disabled ? true : null"
+        [attr.aria-busy]="node.loading ? true : null"
+        [attr.data-current]="node.current ? '' : null"
+        [attr.data-expanded]="node.expanded && !view.searching ? '' : null"
+        [attr.data-selected]="node.selected ? '' : null"
+        [attr.data-indeterminate]="node.indeterminate ? '' : null"
+        [attr.data-disabled]="node.disabled ? '' : null"
+        [attr.data-loading]="node.loading ? '' : null"
+        [style.--slotted-cascader-depth]="
+          engine().layout() === 'tree' && !view.searching ? node.depth : null
+        "
+        (click)="onNodeClick(node, $event)"
+        (pointermove)="onPointerMove(node, $event)"
+        (pointerenter)="onPointerEnter(node)"
+        (pointerleave)="cancelHover()"
+      >
+        @if (engine().multiple) {
+          <span data-part="indicator"
+            ><span slIcon><svg slGlyph [name]="node.indeterminate ? 'minus' : 'check'"></svg></span
+          ></span>
+        }
+        <span data-part="label">
+          @if (nodeTemplate(); as template) {
+            <ng-container
+              *ngTemplateOutlet="
+                template;
+                context: { $implicit: engine().itemFor(node.key), view: node }
+              "
+            />
+          } @else if (view.searching && engine().query !== '') {
+            <span slHighlight [text]="node.label" [ranges]="ranges(node.label)"></span>
+          } @else {
+            {{ node.label }}
+          }
+        </span>
+        @if (descriptionOf(node, view.searching); as description) {
+          <span data-part="description">{{ description }}</span>
+        }
+        @if (metaOf(node); as meta) {
+          <span data-part="meta" aria-hidden="true">{{ meta }}</span>
+        }
+        @if (node.branch) {
+          <span data-part="expander" aria-hidden="true">
+            @if (node.loading) {
+              <span data-ui="spinner" data-part="root"></span>
+            } @else {
+              <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
+            }
+          </span>
+        } @else if (!engine().multiple) {
+          <span data-part="indicator"
+            ><span slIcon><svg slGlyph name="check"></svg></span
+          ></span>
+        }
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { engine: [{ type: i0.Input, args: [{ isSignal: true, alias: "engine", required: true }] }], nodeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeId", required: true }] }], treeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "treeId", required: true }] }], focusable: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledBy", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], expandOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOn", required: false }] }], hoverDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hoverDelay", required: false }] }], nodeTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeTemplate", required: false }] }], getDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "getDescription", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], retry: [{ type: i0.Output, args: ["retry"] }], treeKeydown: [{ type: i0.Output, args: ["treeKeydown"] }] } });
+
+const CASCADER_FALLBACK = {
+    size: 'md',
+    variant: 'outline',
+    fullWidth: true,
+    layout: 'auto',
+    selectionMode: 'single',
+    selectable: 'leaf',
+    checkedStrategy: 'all',
+    expandOn: 'press',
+    closeOnSelect: true,
+    search: false,
+    clearable: true,
+    portal: true,
+    disabled: false,
+    readOnly: false,
+    required: false,
+    invalid: false,
+    separator: '/',
+    hoverDelay: 150,
+    maxColumns: 3,
+    maxCrumbs: 4,
+};
+const CASCADER_DEFAULTS = new InjectionToken('CASCADER_DEFAULTS', {
+    providedIn: 'root',
+    factory: () => CASCADER_FALLBACK,
+});
+/**
+ * Sets every axis once, in the bootstrap or on a route. The words come from the
+ * language in force (`provideSlotted`).
+ */
+function provideCascaderDefaults(defaults) {
+    return { provide: CASCADER_DEFAULTS, useValue: { ...CASCADER_FALLBACK, ...defaults } };
+}
+function injectCascaderDefaults() {
+    return inject(CASCADER_DEFAULTS);
+}
+
+const sameList = (a, b) => a.length === b.length && a.every((key, index) => key === b[index]);
+const same = (a, b) => Array.isArray(a) && Array.isArray(b) ? sameList(a, b) : a === b;
+/** The keys a value names, in the order it names them. */
+function valueKeys(value) {
+    if (value === undefined || value === null)
+        return [];
+    return typeof value === 'string' ? [value] : value;
+}
+/**
+ * The cascader's state, as signals, shared by the control and the panel. The
+ * rules are `@slotted/core/cascader`'s; this class only holds the values, asks
+ * before it moves one, and turns a key or a press into the request.
+ */
+class CascaderEngine {
+    source;
+    collection;
+    layout;
+    fit;
+    emitted;
+    view;
+    /** Called after a single commit that should close the popup. */
+    onCommitted;
+    closeOnSelect = false;
+    selected;
+    requested = new Map();
+    constructor(source) {
+        this.source = source;
+        this.collection = computed(() => {
+            const nodes = source.nodes();
+            const getKey = source.getKey();
+            const getParent = source.getParent();
+            const flat = getParent === undefined ? undefined : flatToTree(nodes, { getKey, getParent });
+            const getChildren = flat?.getChildren ?? source.getChildren();
+            return createTreeCollection({
+                roots: flat?.roots ?? nodes,
+                getKey,
+                getLabel: source.getLabel(),
+                getChildren,
+                hasChildren: source.hasChildren() ?? ((node) => (getChildren?.(node)?.length ?? 0) > 0),
+                getChildrenCount: source.getChildrenCount(),
+                isDisabled: source.isNodeDisabled(),
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collection" }] : /* istanbul ignore next */ []));
+        this.layout = computed(() => {
+            const room = source.room();
+            return cascaderLayout({ layout: source.layout(), ...room });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+        this.fit = computed(() => cascaderFit({ ...source.room(), maxColumns: source.maxColumns() }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fit" }] : /* istanbul ignore next */ []));
+        this.emitted = computed(() => valueKeys(source.value()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emitted" }] : /* istanbul ignore next */ []));
+        this.selected = computed(() => source.multiple()
+            ? cascaderSelection(this.collection(), this.emitted())
+            : this.emitted(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+        this.view = computed(() => {
+            const collection = this.collection();
+            const filter = source.filter();
+            const isLoading = source.isNodeLoading();
+            const isFailed = source.isNodeFailed();
+            const item = (key) => collection.nodeFor(key)?.item;
+            const view = cascaderView({
+                collection: collection,
+                layout: this.layout(),
+                path: source.path(),
+                activeKey: source.activeKey(),
+                expandedKeys: source.expandedKeys(),
+                query: source.search() ? source.searchValue() : '',
+                selected: this.selected(),
+                selectionMode: source.multiple() ? 'multiple' : 'single',
+                isSelectable: (key) => this.isSelectable(key),
+                isLoading: (key) => {
+                    const node = item(key);
+                    return node !== undefined && (isLoading?.(node) ?? false);
+                },
+                isFailed: (key) => {
+                    const node = item(key);
+                    return node !== undefined && (isFailed?.(node) ?? false);
+                },
+                fit: this.fit(),
+                maxCrumbs: source.maxCrumbs(),
+                filter: filter === undefined
+                    ? undefined
+                    : (key, query) => {
+                        const node = item(key);
+                        return node !== undefined && filter(node, query);
+                    },
+                locale: source.locale(),
+            });
+            if (source.loading() && collection.roots.length === 0 && !view.searching) {
+                return {
+                    ...view,
+                    columns: [{ parent: undefined, level: 1, pending: true, failed: false, nodes: [] }],
+                };
+            }
+            return view;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+    }
+    get query() {
+        return this.source.search() ? this.source.searchValue() : '';
+    }
+    get multiple() {
+        return this.source.multiple();
+    }
+    /** The family's words in the language in force, read by the surface. */
+    get t() {
+        return this.source.t;
+    }
+    get activeKey() {
+        return this.source.activeKey();
+    }
+    itemFor(key) {
+        return this.collection().nodeFor(key)?.item;
+    }
+    labelOf(key) {
+        if (key === undefined)
+            return this.source.t('root');
+        return this.collection().nodeFor(key)?.label ?? key;
+    }
+    /**
+     * Under a multiple selection every node that is not disabled has a box: a
+     * branch's box toggles everything below it. `selectable` decides what a
+     * single selection may commit.
+     */
+    isSelectable(key) {
+        const node = this.collection().nodeFor(key);
+        if (node === undefined || node.disabled)
+            return false;
+        if (this.source.multiple())
+            return true;
+        const selectable = this.source.selectable();
+        if (typeof selectable === 'function')
+            return selectable(node.item);
+        return selectable === 'any' || !node.hasChildren;
+    }
+    request(model, output, next, reason, source) {
+        if (same(next, model()))
+            return false;
+        const controllable = createControllable({
+            initial: model(),
+            equals: () => false,
+            onRequest: (request) => output.emit(request),
+        });
+        if (!controllable.request(next, reason, source))
+            return false;
+        model.set(next);
+        return true;
+    }
+    setActive(key, reason, source) {
+        this.request(this.source.activeKey, this.source.activeKeyChangeRequest, key, reason, source);
+    }
+    setPath(path, reason, source) {
+        this.request(this.source.path, this.source.pathChangeRequest, path, reason, source);
+    }
+    setQuery(query, reason, source) {
+        this.request(this.source.searchValue, this.source.searchValueChangeRequest, query, reason, source);
+    }
+    setValue(value, reason, source) {
+        return this.request(this.source.value, this.source.valueChangeRequest, value, reason, source);
+    }
+    showLevel(branch, reason, source) {
+        this.setPath(pathTo(this.collection(), branch), reason, source);
+    }
+    goTo(level, reason, source) {
+        const next = level === undefined ? [] : pathTo(this.collection(), level);
+        const from = this.source.path()[next.length];
+        this.setPath(next, reason === 'pointer' ? 'pointer' : 'back', source);
+        if (from !== undefined)
+            this.setActive(from, reason, source);
+    }
+    toggleExpanded(key, reason, source) {
+        const held = this.source.expandedKeys();
+        this.request(this.source.expandedKeys, this.source.expandedKeysChangeRequest, held.includes(key) ? held.filter((candidate) => candidate !== key) : [...held, key], reason, source);
+    }
+    choose(key, reason, source, options = {}) {
+        if (!this.isSelectable(key) || this.source.readOnly())
+            return;
+        const collection = this.collection();
+        if (!this.source.multiple()) {
+            const moved = this.setValue(key, reason === 'keyboard' ? 'keyboard' : 'pointer', source);
+            if ((moved || this.source.value() === key) && this.closeOnSelect && options.close !== false) {
+                this.onCommitted?.();
+            }
+            return;
+        }
+        const result = cascadeSelection({
+            collection,
+            selected: this.selected(),
+            key,
+            action: 'toggle',
+        });
+        if (!result.changed)
+            return;
+        this.setValue(cascaderValue({
+            collection,
+            selected: result.selected,
+            strategy: this.source.checkedStrategy(),
+        }), reason, source);
+    }
+    remove(key, source) {
+        if (!this.source.multiple()) {
+            this.setValue(null, 'remove', source);
+            return;
+        }
+        const collection = this.collection();
+        const result = cascadeSelection({
+            collection,
+            selected: this.selected(),
+            key,
+            action: 'deselect',
+        });
+        this.setValue(cascaderValue({
+            collection,
+            selected: result.selected,
+            strategy: this.source.checkedStrategy(),
+        }), 'remove', source);
+    }
+    clear(source) {
+        this.setValue(this.source.multiple() ? [] : null, 'clear', source);
+    }
+    /** The level that holds the value on show, and the value active in it. */
+    reveal() {
+        const collection = this.collection();
+        const first = this.emitted()[0];
+        if (first === undefined || collection.nodeFor(first) === undefined) {
+            if (this.source.activeKey() === null) {
+                this.setActive(collection.roots[0] ?? null, 'programmatic');
+            }
+            return;
+        }
+        const trail = pathTo(collection, first);
+        this.setPath(trail.slice(0, -1), 'programmatic');
+        this.request(this.source.expandedKeys, this.source.expandedKeysChangeRequest, trail.slice(0, -1), 'programmatic');
+        this.setActive(first, 'programmatic');
+    }
+    /** Runs a key; the action the core decided, or `handled` for a search key. */
+    handleKey(key, source, dir, open) {
+        const collection = this.collection();
+        const view = this.view();
+        const active = this.source.activeKey();
+        if (open && view.searching) {
+            const results = view.results.map((node) => node.key);
+            const index = active === null ? -1 : results.indexOf(active);
+            if (key === 'ArrowDown' || key === 'ArrowUp') {
+                const next = results[Math.min(results.length - 1, Math.max(0, index + (key === 'ArrowDown' ? 1 : -1)))];
+                if (next !== undefined)
+                    this.setActive(next, 'keyboard', source);
+                return { type: 'handled' };
+            }
+            if (key === 'Enter' && active !== null) {
+                if (this.isSelectable(active))
+                    this.choose(active, 'keyboard', source);
+                else if (collection.nodeFor(active)?.hasChildren) {
+                    this.setQuery('', 'select', source);
+                    this.showLevel(active, 'keyboard', source);
+                    const first = collection.nodeFor(active)?.children[0];
+                    if (first !== undefined)
+                        this.setActive(first, 'keyboard', source);
+                }
+                return { type: 'handled' };
+            }
+            return { type: 'none' };
+        }
+        const action = cascaderKey({
+            key,
+            dir,
+            layout: this.layout(),
+            open,
+            active: active ?? undefined,
+            path: this.source.path(),
+            expandedKeys: this.source.expandedKeys(),
+            collection,
+            selectionMode: this.source.multiple() ? 'multiple' : 'single',
+            isSelectable: (candidate) => this.isSelectable(candidate),
+            search: this.source.search(),
+            hasQuery: this.query !== '',
+        });
+        switch (action.type) {
+            case 'move':
+                this.setActive(action.key, 'keyboard', source);
+                break;
+            case 'enter':
+                this.setPath(action.path, 'keyboard', source);
+                if (action.key !== undefined)
+                    this.setActive(action.key, 'keyboard', source);
+                break;
+            case 'back':
+                this.setPath(action.path, 'back', source);
+                this.setActive(action.key, 'keyboard', source);
+                break;
+            case 'expand':
+            case 'collapse':
+                this.toggleExpanded(action.key, 'keyboard', source);
+                break;
+            case 'commit':
+            case 'toggle':
+                this.choose(action.key, 'keyboard', source);
+                break;
+            default:
+                break;
+        }
+        return action;
+    }
+    /**
+     * A level on show that has not arrived asks for its children, once, with a
+     * signal aborted when the path moves away or the surface closes. Called from
+     * the host's effect with whether the surface is on show.
+     */
+    syncLoads(showing) {
+        const view = this.view();
+        const collection = this.collection();
+        const wanted = new Set();
+        if (showing) {
+            for (const column of view.columns) {
+                if (column.pending && !column.failed && column.parent !== undefined)
+                    wanted.add(column.parent);
+            }
+            if (this.layout() === 'tree') {
+                for (const key of this.source.expandedKeys()) {
+                    const node = collection.nodeFor(key);
+                    if (node !== undefined && node.hasChildren && node.children.length === 0)
+                        wanted.add(key);
+                }
+            }
+        }
+        for (const [key, controller] of this.requested) {
+            if (wanted.has(key))
+                continue;
+            controller.abort();
+            this.requested.delete(key);
+        }
+        const isLoading = this.source.isNodeLoading();
+        for (const key of wanted) {
+            if (this.requested.has(key))
+                continue;
+            const item = collection.nodeFor(key)?.item;
+            if (item !== undefined && isLoading?.(item))
+                continue;
+            const controller = new AbortController();
+            this.requested.set(key, controller);
+            this.source.loadChildren.emit({ key, signal: controller.signal });
+        }
+    }
+    destroy() {
+        for (const controller of this.requested.values())
+            controller.abort();
+        this.requested.clear();
+    }
+}
+
+let instances = 0;
+const directionOf = (node) => node !== null && node.ownerDocument.defaultView?.getComputedStyle(node).direction === 'rtl'
+    ? 'rtl'
+    : 'ltr';
+/**
+ * The inputs both hosts read. A base class rather than a mixin: the two
+ * components declare the same hierarchy, the same state and the same axes, and
+ * Angular reads inherited signal inputs.
+ */
+class CascaderBase {
+    nodes = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
+    getKey = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getKey" }] : /* istanbul ignore next */ []));
+    getLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getLabel" }] : /* istanbul ignore next */ []));
+    getChildren = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getChildren" }] : /* istanbul ignore next */ []));
+    getParent = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getParent" }] : /* istanbul ignore next */ []));
+    hasChildren = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasChildren" }] : /* istanbul ignore next */ []));
+    getChildrenCount = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getChildrenCount" }] : /* istanbul ignore next */ []));
+    isNodeDisabled = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isNodeDisabled" }] : /* istanbul ignore next */ []));
+    isNodeLoading = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isNodeLoading" }] : /* istanbul ignore next */ []));
+    isNodeFailed = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isNodeFailed" }] : /* istanbul ignore next */ []));
+    getDescription = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "getDescription" }] : /* istanbul ignore next */ []));
+    filter = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    /** BCP 47, for the substring test and its marks. The language in force when absent. */
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    /** The roots are on their way: the first level waits as rows. */
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    selectionMode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
+    selectable = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectable" }] : /* istanbul ignore next */ []));
+    checkedStrategy = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checkedStrategy" }] : /* istanbul ignore next */ []));
+    layout = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    expandOn = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandOn" }] : /* istanbul ignore next */ []));
+    search = input(undefined, { ...(ngDevMode ? { debugName: "search" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    maxColumns = input(undefined, { ...(ngDevMode ? { debugName: "maxColumns" } : /* istanbul ignore next */ {}), transform: (given) => (given === undefined ? undefined : numberAttribute(given)) });
+    maxCrumbs = input(undefined, { ...(ngDevMode ? { debugName: "maxCrumbs" } : /* istanbul ignore next */ {}), transform: (given) => (given === undefined ? undefined : numberAttribute(given)) });
+    hoverDelay = input(undefined, { ...(ngDevMode ? { debugName: "hoverDelay" } : /* istanbul ignore next */ {}), transform: (given) => (given === undefined ? undefined : numberAttribute(given)) });
+    separator = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
+    readOnly = input(undefined, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * placeholder, the buttons, the search field, the breadcrumb, and the
+     * sentences a level and a search say.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaLabelledBy = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    value = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    path = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+    activeKey = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeKey" }] : /* istanbul ignore next */ []));
+    expandedKeys = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandedKeys" }] : /* istanbul ignore next */ []));
+    searchValue = model('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
+    valueChangeRequest = output();
+    pathChangeRequest = output();
+    activeKeyChangeRequest = output();
+    expandedKeysChangeRequest = output();
+    searchValueChangeRequest = output();
+    /** A level that has not arrived is on show; the signal aborts if the reader moves on. */
+    loadChildren = output();
+    /** The reader pressed retry on a level that failed. */
+    retry = output();
+    nodeTemplate = contentChild(SlCascaderNode, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "nodeTemplate" }] : /* istanbul ignore next */ []));
+    defaults = injectCascaderDefaults();
+    identifier = `sl-cascader-${(instances += 1)}`;
+    treeId = `${this.identifier}-tree`;
+    room = signal({
+        available: undefined,
+        columnMeasure: 192,
+        inset: 2,
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "room" }] : /* istanbul ignore next */ []));
+    /** The family's words in the language in force, with this instance's `messages` laid over them. */
+    t = injectMessages(cascaderMessages, this.messages);
+    inForceLocale = injectLocale();
+    /** The locale the search compares and marks in: the `locale` input, or the language in force. */
+    resolvedLocale = computed(() => this.locale() ?? this.inForceLocale(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLocale" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedSeparator = computed(() => this.separator() ?? this.defaults.separator, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSeparator" }] : /* istanbul ignore next */ []));
+    resolvedExpandOn = computed(() => this.expandOn() ?? this.defaults.expandOn, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedExpandOn" }] : /* istanbul ignore next */ []));
+    resolvedHoverDelay = computed(() => this.hoverDelay() ?? this.defaults.hoverDelay, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedHoverDelay" }] : /* istanbul ignore next */ []));
+    engine = new CascaderEngine({
+        nodes: this.nodes,
+        getKey: this.getKey,
+        getLabel: this.getLabel,
+        getChildren: this.getChildren,
+        getParent: this.getParent,
+        hasChildren: this.hasChildren,
+        getChildrenCount: this.getChildrenCount,
+        isNodeDisabled: this.isNodeDisabled,
+        isNodeLoading: this.isNodeLoading,
+        isNodeFailed: this.isNodeFailed,
+        filter: this.filter,
+        locale: this.resolvedLocale,
+        loading: this.loading,
+        multiple: computed(() => (this.selectionMode() ?? this.defaults.selectionMode) === 'multiple'),
+        selectable: computed(() => this.selectable() ?? this.defaults.selectable),
+        checkedStrategy: computed(() => this.checkedStrategy() ?? this.defaults.checkedStrategy),
+        layout: computed(() => this.layout() ?? this.defaults.layout),
+        search: computed(() => this.search() ?? this.defaults.search),
+        maxColumns: computed(() => this.maxColumns() ?? this.defaults.maxColumns),
+        maxCrumbs: computed(() => this.maxCrumbs() ?? this.defaults.maxCrumbs),
+        readOnly: computed(() => this.readOnlyState()),
+        t: this.t,
+        room: this.room,
+        value: this.value,
+        path: this.path,
+        activeKey: this.activeKey,
+        expandedKeys: this.expandedKeys,
+        searchValue: this.searchValue,
+        valueChangeRequest: this.valueChangeRequest,
+        pathChangeRequest: this.pathChangeRequest,
+        activeKeyChangeRequest: this.activeKeyChangeRequest,
+        expandedKeysChangeRequest: this.expandedKeysChangeRequest,
+        searchValueChangeRequest: this.searchValueChangeRequest,
+        loadChildren: this.loadChildren,
+    });
+    nodeId = (key) => `${this.identifier}-node-${encodeURIComponent(key)}`;
+    typeaheadHandle = createTypeahead({ timeout: 500 });
+    constructor() {
+        inject(DestroyRef).onDestroy(() => {
+            this.engine.destroy();
+            this.typeaheadHandle?.destroy();
+            this.typeaheadHandle = null;
+        });
+    }
+    /** Typeahead in the level the reader is on, when no field holds the characters. */
+    typeahead(key, source) {
+        const handle = this.typeaheadHandle;
+        if (handle === null || !isPrintable(key, handle.query.length > 0))
+            return false;
+        const engine = this.engine;
+        const collection = engine.collection();
+        const active = engine.activeKey;
+        const node = active === null ? undefined : collection.nodeFor(active);
+        const siblings = engine.layout() === 'tree'
+            ? (engine.view().columns[0]?.nodes.map((entry) => entry.key) ?? [])
+            : node === undefined
+                ? collection.roots
+                : collection.siblingsOf(node.key);
+        const labels = siblings.map((sibling) => collection.nodeFor(sibling)?.label ?? '');
+        const index = handle.match(key, labels, active === null ? -1 : siblings.indexOf(active));
+        const target = siblings[index];
+        if (target !== undefined)
+            engine.setActive(target, 'keyboard', source);
+        return true;
+    }
+    scrollActive(container) {
+        const active = this.engine.activeKey;
+        if (container === null || active === null)
+            return;
+        container.ownerDocument.getElementById(this.nodeId(active))?.scrollIntoView?.({
+            block: 'nearest',
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: CascaderBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: CascaderBase, isStandalone: true, inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, getKey: { classPropertyName: "getKey", publicName: "getKey", isSignal: true, isRequired: true, transformFunction: null }, getLabel: { classPropertyName: "getLabel", publicName: "getLabel", isSignal: true, isRequired: true, transformFunction: null }, getChildren: { classPropertyName: "getChildren", publicName: "getChildren", isSignal: true, isRequired: false, transformFunction: null }, getParent: { classPropertyName: "getParent", publicName: "getParent", 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 }, isNodeFailed: { classPropertyName: "isNodeFailed", publicName: "isNodeFailed", isSignal: true, isRequired: false, transformFunction: null }, getDescription: { classPropertyName: "getDescription", publicName: "getDescription", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, checkedStrategy: { classPropertyName: "checkedStrategy", publicName: "checkedStrategy", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, expandOn: { classPropertyName: "expandOn", publicName: "expandOn", isSignal: true, isRequired: false, transformFunction: null }, search: { classPropertyName: "search", publicName: "search", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxColumns: { classPropertyName: "maxColumns", publicName: "maxColumns", isSignal: true, isRequired: false, transformFunction: null }, maxCrumbs: { classPropertyName: "maxCrumbs", publicName: "maxCrumbs", isSignal: true, isRequired: false, transformFunction: null }, hoverDelay: { classPropertyName: "hoverDelay", publicName: "hoverDelay", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", 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 }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null }, expandedKeys: { classPropertyName: "expandedKeys", publicName: "expandedKeys", isSignal: true, isRequired: false, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", path: "pathChange", activeKey: "activeKeyChange", expandedKeys: "expandedKeysChange", searchValue: "searchValueChange", valueChangeRequest: "valueChangeRequest", pathChangeRequest: "pathChangeRequest", activeKeyChangeRequest: "activeKeyChangeRequest", expandedKeysChangeRequest: "expandedKeysChangeRequest", searchValueChangeRequest: "searchValueChangeRequest", loadChildren: "loadChildren", retry: "retry" }, queries: [{ propertyName: "nodeTemplate", first: true, predicate: SlCascaderNode, descendants: true, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: CascaderBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], getKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "getKey", required: true }] }], getLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "getLabel", required: true }] }], getChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildren", required: false }] }], getParent: [{ type: i0.Input, args: [{ isSignal: true, alias: "getParent", 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 }] }], isNodeFailed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNodeFailed", required: false }] }], getDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "getDescription", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], checkedStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkedStrategy", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], expandOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOn", required: false }] }], search: [{ type: i0.Input, args: [{ isSignal: true, alias: "search", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], maxColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxColumns", required: false }] }], maxCrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCrumbs", required: false }] }], hoverDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hoverDelay", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", 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 }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: false }] }, { type: i0.Output, args: ["pathChange"] }], activeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeKey", required: false }] }, { type: i0.Output, args: ["activeKeyChange"] }], expandedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedKeys", required: false }] }, { type: i0.Output, args: ["expandedKeysChange"] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: false }] }, { type: i0.Output, args: ["searchValueChange"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], pathChangeRequest: [{ type: i0.Output, args: ["pathChangeRequest"] }], activeKeyChangeRequest: [{ type: i0.Output, args: ["activeKeyChangeRequest"] }], expandedKeysChangeRequest: [{ type: i0.Output, args: ["expandedKeysChangeRequest"] }], searchValueChangeRequest: [{ type: i0.Output, args: ["searchValueChangeRequest"] }], loadChildren: [{ type: i0.Output, args: ["loadChildren"] }], retry: [{ type: i0.Output, args: ["retry"] }], nodeTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCascaderNode), { isSignal: true }] }] } });
+/**
+ * A control that picks one place in a hierarchy, or several.
+ *
+ * The control is `sl-select`'s control; the popup is an `ng-template` built
+ * into the portal as it opens, as `sl-select` builds its own, and holds a tree
+ * drawn as columns, one level at a time, or an indented list.
+ */
+class SlCascader extends CascaderBase {
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    openChangeRequest = output();
+    closeOnSelect = input(undefined, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    clearable = input(undefined, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    fullWidth = input(undefined, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    portal = input(undefined, { ...(ngDevMode ? { debugName: "portal" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    required = input(undefined, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    invalid = input(undefined, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: (given) => given === undefined ? undefined : booleanAttribute(given) });
+    form = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+    /** The name the hidden inputs carry; a static `name` attribute is read before it is written over. */
+    name = input(inject(new HostAttributeToken('name'), { optional: true }) ?? undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** The value's path as the control prints it, replacing the segments. */
+    valueTemplate = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueTemplate" }] : /* istanbul ignore next */ []));
+    contentId = `${this.identifier}-content`;
+    disabledByForm = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledByForm" }] : /* istanbul ignore next */ []));
+    resolvedDisabled = computed(() => this.disabled() ?? (this.disabledByForm() || this.defaults.disabled), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : /* istanbul ignore next */ []));
+    readOnlyState = () => this.readOnly() ?? this.defaults.readOnly;
+    resolvedRequired = computed(() => this.required() ?? this.defaults.required, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedRequired" }] : /* istanbul ignore next */ []));
+    resolvedInvalid = computed(() => this.invalid() ?? this.defaults.invalid, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedInvalid" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => this.variant() ?? this.defaults.variant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedFullWidth = computed(() => this.fullWidth() ?? this.defaults.fullWidth, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedFullWidth" }] : /* istanbul ignore next */ []));
+    engineSearch = computed(() => this.search() ?? this.defaults.search, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "engineSearch" }] : /* istanbul ignore next */ []));
+    positioned = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "positioned" }] : /* istanbul ignore next */ []));
+    triggerActiveDescendant = computed(() => this.open() && !this.engineSearch() && this.activeKey() !== null
+        ? this.nodeId(this.activeKey())
+        : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerActiveDescendant" }] : /* istanbul ignore next */ []));
+    valuePath = computed(() => {
+        const first = this.engine.emitted()[0];
+        if (first === undefined || this.engine.multiple)
+            return [];
+        return pathTo(this.engine.collection(), first)
+            .map((key) => this.engine.itemFor(key))
+            .filter((item) => item !== undefined);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valuePath" }] : /* istanbul ignore next */ []));
+    segments = computed(() => {
+        const first = this.engine.emitted()[0];
+        if (first === undefined)
+            return [];
+        const path = pathTo(this.engine.collection(), first);
+        return path.length === 0
+            ? [{ key: first, label: first }]
+            : path.map((key) => ({ key, label: this.engine.labelOf(key) }));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "segments" }] : /* istanbul ignore next */ []));
+    summary = computed(() => {
+        const count = this.engine.emitted().length;
+        return count === 0 ? '' : this.t('summary', { count });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
+    showClear = computed(() => (this.clearable() ?? this.defaults.clearable) &&
+        this.engine.emitted().length > 0 &&
+        !this.resolvedDisabled() &&
+        !this.readOnlyState(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showClear" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef).nativeElement;
+    viewContainer = inject(ViewContainerRef);
+    template = viewChild.required('layer', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
+    triggerRef = viewChild.required('trigger', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerRef" }] : /* istanbul ignore next */ []));
+    view = null;
+    portalRoot = null;
+    positioner = null;
+    layer = null;
+    layerNode = null;
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    constructor() {
+        super();
+        this.engine.onCommitted = () => {
+            this.setOpen(false, 'select');
+            this.triggerRef().nativeElement.focus({ preventScroll: true });
+        };
+        /* The forms API hears every value the family commits. */
+        this.valueChangeRequest.subscribe((request) => {
+            queueMicrotask(() => {
+                if (!request.cancelled)
+                    this.onChange(request.value);
+            });
+        });
+        effect(() => {
+            this.engine.closeOnSelect = this.closeOnSelect() ?? this.defaults.closeOnSelect;
+        });
+        let wasOpen = false;
+        effect(() => {
+            const open = this.open() && !this.resolvedDisabled();
+            untracked(() => {
+                if (open && !wasOpen)
+                    this.show();
+                if (!open && wasOpen)
+                    this.hide();
+                wasOpen = open;
+            });
+        });
+        effect(() => {
+            const showing = this.open();
+            this.engine.view();
+            untracked(() => this.engine.syncLoads(showing));
+        });
+        /* The widest the window can reach, reserved on the layer, so a path that
+           grows never pushes the layer back across the screen. */
+        afterRenderEffect(() => {
+            const layout = this.engine.layout();
+            const room = this.room();
+            const maxColumns = this.maxColumns() ?? this.defaults.maxColumns;
+            const node = this.layerNode;
+            if (node === null)
+                return;
+            if (layout !== 'columns') {
+                node.style.removeProperty('inline-size');
+                return;
+            }
+            const fit = cascaderFit({ ...room, maxColumns });
+            node.style.inlineSize = `${fit * room.columnMeasure + room.inset}px`;
+        });
+        afterRenderEffect(() => {
+            void this.activeKey();
+            this.scrollActive(this.layerNode);
+        });
+        inject(DestroyRef).onDestroy(() => this.teardown());
+    }
+    focus() {
+        this.triggerRef().nativeElement.focus({ preventScroll: true });
+    }
+    /** Shows the level that holds the value, as opening does. */
+    revealValue() {
+        this.engine.reveal();
+    }
+    setOpen(next, reason, source) {
+        if (next === this.open())
+            return;
+        let cancelled = false;
+        this.openChangeRequest.emit({
+            value: next,
+            previous: this.open(),
+            reason,
+            source,
+            get cancelled() {
+                return cancelled;
+            },
+            cancel: () => {
+                cancelled = true;
+            },
+        });
+        if (!cancelled)
+            this.open.set(next);
+    }
+    removeLabel(key) {
+        return this.t('remove', { label: this.engine.labelOf(key) });
+    }
+    onTriggerClick(event) {
+        if (this.resolvedDisabled())
+            return;
+        this.setOpen(!this.open(), event.detail === 0 ? 'keyboard' : 'pointer', event);
+    }
+    onRemove(key, event) {
+        this.engine.remove(key, event);
+        this.focus();
+    }
+    onClear(event) {
+        this.engine.clear(event);
+        this.focus();
+    }
+    onSearchInput(event) {
+        this.engine.setQuery(event.target.value, 'keyboard', event);
+    }
+    onKey(event, fromSearch) {
+        if (this.resolvedDisabled())
+            return;
+        if (event.key === 'Tab') {
+            if (this.open())
+                this.setOpen(false, 'blur', event);
+            return;
+        }
+        if (!this.open()) {
+            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                this.setOpen(true, 'keyboard', event);
+            }
+            return;
+        }
+        if (event.key === 'Escape')
+            return;
+        if (!fromSearch && !this.engineSearch() && this.typeahead(event.key, event)) {
+            event.preventDefault();
+            return;
+        }
+        if (fromSearch && (event.key === 'Home' || event.key === 'End'))
+            return;
+        /* The field owns the characters, the space included. */
+        if (fromSearch && (event.key === ' ' || isPrintable(event.key, false)))
+            return;
+        const action = this.engine.handleKey(event.key, event, directionOf(event.currentTarget), true);
+        if (action.type !== 'none')
+            event.preventDefault();
+    }
+    show() {
+        if (this.view === null) {
+            this.portalRoot = createPortalRoot({
+                origin: this.triggerRef().nativeElement,
+                disabled: (this.portal() ?? this.defaults.portal) === false,
+            });
+            this.view = this.viewContainer.createEmbeddedView(this.template());
+            this.view.detectChanges();
+            this.layerNode =
+                this.view.rootNodes.find((node) => node instanceof HTMLElement) ?? null;
+            if (this.layerNode === null)
+                return;
+            this.portalRoot.container?.append(this.layerNode);
+        }
+        const node = this.layerNode;
+        if (node === null)
+            return;
+        const surface = node.querySelector("[data-part='content']");
+        if (surface !== null) {
+            const measured = cascaderMeasure(surface);
+            this.room.update((held) => ({ ...held, ...measured }));
+        }
+        this.engine.reveal();
+        this.positioner = createPositioner(this.host, node, {
+            align: 'start',
+            side: 'bottom',
+            sideOffset: 4,
+            boundaryPadding: 8,
+            matchWidth: this.engine.layout() !== 'columns',
+            onPositioned: (position) => {
+                if (this.room().available !== position.availableWidth) {
+                    this.room.update((held) => ({ ...held, available: position.availableWidth }));
+                }
+            },
+        });
+        void this.positioner.update().then(() => this.positioned.set(true));
+        this.layer = createDismissableLayer(node, {
+            branches: [this.host],
+            escape: true,
+            focusOutside: false,
+            modal: false,
+            outsidePress: true,
+            scrollLock: false,
+            onDismiss: (request) => {
+                const source = request.source;
+                if (request.reason === 'escape' && this.engine.query !== '') {
+                    this.engine.setQuery('', 'clear', source);
+                    return;
+                }
+                this.setOpen(false, request.reason === 'escape' ? 'escape' : 'outsidePress', source);
+                if (request.reason === 'escape')
+                    this.focus();
+            },
+        });
+        if (this.engineSearch()) {
+            queueMicrotask(() => node.querySelector("[data-part='search-input']")?.focus({
+                preventScroll: true,
+            }));
+        }
+    }
+    hide() {
+        this.positioned.set(false);
+        this.layer?.destroy();
+        this.positioner?.destroy();
+        this.layer = null;
+        this.positioner = null;
+        this.engine.setQuery('', 'clear');
+        this.teardown();
+    }
+    teardown() {
+        this.layer?.destroy();
+        this.positioner?.destroy();
+        this.portalRoot?.release();
+        this.layerNode?.remove();
+        this.view?.destroy();
+        this.layer = null;
+        this.positioner = null;
+        this.portalRoot = null;
+        this.layerNode = null;
+        this.view = null;
+    }
+    writeValue(value) {
+        this.value.set(value ?? (this.engine.multiple ? [] : null));
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabledByForm.set(isDisabled);
+    }
+    /**
+     * The validity the family owns: nothing chosen while required, and a key the
+     * collection cannot resolve — a value that names a node no longer there.
+     */
+    validate() {
+        const keys = this.engine.emitted();
+        if (this.resolvedRequired() && keys.length === 0)
+            return { required: true };
+        const collection = this.engine.collection();
+        const unresolved = this.nodes().length === 0 ? [] : keys.filter((key) => collection.nodeFor(key) === undefined);
+        return unresolved.length > 0 ? { unresolved } : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCascader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCascader, isStandalone: true, selector: "sl-cascader", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, portal: { classPropertyName: "portal", publicName: "portal", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", 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 }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, valueTemplate: { classPropertyName: "valueTemplate", publicName: "valueTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openChangeRequest: "openChangeRequest" }, host: { attributes: { "data-ui": "cascader", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-full-width": "resolvedFullWidth() ? '' : null", "attr.data-open": "open() ? '' : null", "attr.data-disabled": "resolvedDisabled() ? '' : null", "attr.data-readonly": "readOnlyState() ? '' : null", "attr.data-invalid": "resolvedInvalid() ? '' : null", "attr.data-required": "resolvedRequired() ? '' : null", "attr.data-loading": "loading() ? '' : null" } }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlCascader), multi: true },
+            { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlCascader), multi: true },
+        ], viewQueries: [{ propertyName: "template", first: true, predicate: ["layer"], descendants: true, isSignal: true }, { propertyName: "triggerRef", first: true, predicate: ["trigger"], descendants: true, isSignal: true }], exportAs: ["slCascader"], usesInheritance: true, ngImport: i0, template: `
+    <button
+      #trigger
+      type="button"
+      role="combobox"
+      data-part="trigger"
+      [attr.aria-haspopup]="engineSearch() ? 'dialog' : 'tree'"
+      [attr.aria-expanded]="open()"
+      [attr.aria-controls]="open() ? (engineSearch() ? contentId : treeId) : null"
+      [attr.aria-activedescendant]="triggerActiveDescendant()"
+      [attr.aria-label]="ariaLabel() ?? null"
+      [attr.aria-labelledby]="ariaLabel() === undefined ? (ariaLabelledBy() ?? null) : null"
+      [attr.aria-readonly]="readOnlyState() ? true : null"
+      [attr.aria-required]="resolvedRequired() ? true : null"
+      [attr.aria-invalid]="resolvedInvalid() ? true : null"
+      [disabled]="resolvedDisabled()"
+      (click)="onTriggerClick($event)"
+      (keydown)="onKey($event, false)"
+      (blur)="onTouched()"
+    >
+      @if (engine.multiple) {
+        <span data-part="value"
+          ><span data-part="summary">{{ summary() }}</span></span
+        >
+      } @else if (engine.emitted().length === 0) {
+        <span data-part="placeholder">{{ t('placeholder') }}</span>
+      } @else if (valueTemplate(); as template) {
+        <span data-part="value">
+          <ng-container *ngTemplateOutlet="template; context: { $implicit: valuePath() }" />
+        </span>
+      } @else {
+        <span data-part="value">
+          @for (segment of segments(); track segment.key) {
+            @if (!$first) {
+              <span data-part="value-separator" aria-hidden="true">{{ resolvedSeparator() }}</span>
+            }
+            <span data-part="value-segment">{{ segment.label }}</span>
+          }
+        </span>
+      }
+    </button>
+
+    @if (engine.multiple && engine.emitted().length > 0) {
+      <span data-part="tags">
+        @for (key of engine.emitted(); track key) {
+          <span data-ui="tag" data-part="root" data-size="sm" data-variant="soft">
+            <span data-part="body"
+              ><span data-part="label">{{ engine.labelOf(key) }}</span></span
+            >
+            <button
+              type="button"
+              data-part="remove"
+              [disabled]="resolvedDisabled() || readOnlyState()"
+              [attr.aria-label]="removeLabel(key)"
+              (click)="onRemove(key, $event)"
+            >
+              <span slIcon><svg slGlyph name="x"></svg></span>
+            </button>
+          </span>
+        }
+      </span>
+    }
+
+    @if (showClear()) {
+      <button
+        type="button"
+        data-part="clear"
+        [attr.aria-label]="t('clear')"
+        (click)="onClear($event)"
+      >
+        <span slIcon><svg slGlyph name="x"></svg></span>
+      </button>
+    }
+    @if (loading()) {
+      <span data-part="busy" data-ui="spinner" aria-hidden="true"></span>
+    } @else {
+      <span data-part="arrow"
+        ><span slIcon><svg slGlyph name="chevron-down"></svg></span
+      ></span>
+    }
+    @if (name(); as submission) {
+      @for (key of engine.emitted(); track key) {
+        <input type="hidden" [attr.name]="submission" [attr.form]="form() ?? null" [value]="key" />
+      }
+    }
+
+    <ng-template #layer>
+      <div
+        data-ui="cascader"
+        data-part="positioner"
+        [attr.data-layout]="engine.layout()"
+        [attr.data-size]="resolvedSize()"
+        [attr.data-selection]="engine.multiple ? 'multiple' : null"
+        [attr.data-open]="open() && positioned() ? '' : null"
+        [attr.inert]="open() ? null : ''"
+      >
+        <div
+          data-part="content"
+          [id]="contentId"
+          [attr.role]="engineSearch() ? 'dialog' : null"
+          [attr.aria-label]="engineSearch() ? (ariaLabel() ?? t('search')) : null"
+        >
+          @if (engineSearch()) {
+            <div data-part="search">
+              <span slIcon><svg slGlyph name="search"></svg></span>
+              <input
+                data-part="search-input"
+                role="combobox"
+                aria-autocomplete="list"
+                aria-expanded="true"
+                [attr.aria-controls]="treeId"
+                [attr.aria-label]="t('search')"
+                [attr.aria-activedescendant]="
+                  engine.activeKey === null ? null : nodeId(engine.activeKey!)
+                "
+                [placeholder]="t('searchPlaceholder')"
+                [value]="searchValue()"
+                (input)="onSearchInput($event)"
+                (keydown)="onKey($event, true)"
+              />
+            </div>
+          }
+          <sl-cascader-body
+            [engine]="engine"
+            [nodeId]="nodeId"
+            [treeId]="treeId"
+            [label]="ariaLabel()"
+            [labelledBy]="ariaLabelledBy()"
+            [separator]="resolvedSeparator()"
+            [expandOn]="resolvedExpandOn()"
+            [hoverDelay]="resolvedHoverDelay()"
+            [nodeTemplate]="nodeTemplate()?.template"
+            [getDescription]="getDescription()"
+            [locale]="resolvedLocale()"
+            (retry)="retry.emit($event)"
+          />
+        </div>
+      </div>
+    </ng-template>
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=cascader][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-cascader-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_action-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size) );align-items:center;background-color:var(--slotted-cascader-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-cascader-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-cascader-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:minmax(0,1fr) auto;inline-size:100%;min-block-size:var(--_height);min-inline-size:0;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-part=root]:has(>[data-part=clear]){grid-template-columns:minmax(0,1fr) auto auto}[data-ui=cascader][data-part=root]:not([data-full-width]){inline-size:auto}[data-ui=cascader]>[data-part=trigger]{align-items:center;appearance:none;background-color:transparent;border:0;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);grid-area:1 / 1 / 2 / -1;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);min-block-size:var(--_height);min-inline-size:0;outline:none;padding-block:0;padding-inline-start:var(--_padding-inline);padding-inline-end:calc(var(--_padding-inline) + var(--_icon-size) + var(--_gap));text-align:start;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-ui=cascader][data-part=root]:has(>[data-part=clear])>[data-part=trigger]{padding-inline-end:calc(var(--_padding-inline) + var(--_icon-size) + var(--_gap) + var(--_action-size) + var(--_gap))}[data-ui=cascader] [data-part=value]{align-items:baseline;display:flex;flex:1 1 auto;min-inline-size:0;overflow:hidden;white-space:nowrap}[data-ui=cascader] [data-part=value-segment]{flex:0 1 auto;min-inline-size:2.5ch;overflow:hidden;text-overflow:ellipsis}[data-ui=cascader] [data-part=value-segment]{flex-shrink:100}[data-ui=cascader] [data-part=value-segment]:first-child{flex-shrink:50}[data-ui=cascader] [data-part=value-segment]:last-child{flex-shrink:1}[data-ui=cascader] [data-part=value-separator]{color:var(--slotted-cascader-separator-color, var(--slotted-text-muted, GrayText));flex:none;padding-inline:var(--slotted-space-2, .25rem)}[data-ui=cascader] [data-part=placeholder]{color:var(--slotted-cascader-placeholder-color, var(--slotted-text-muted, GrayText));flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=cascader][data-part=root]>[data-part=tags]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);grid-area:1 / 1 / 2 / 2;margin-inline-start:var(--_padding-inline);min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;overflow:hidden;pointer-events:none}[data-ui=cascader]>[data-part=tags]>*{pointer-events:auto;position:relative}[data-ui=cascader] [data-part=summary]{display:block;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=cascader][data-part=root]:not([data-narrow]) [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;white-space:nowrap}[data-ui=cascader][data-part=root][data-narrow]>[data-part=tags]{display:none}[data-ui=cascader]>[data-part=arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:var(--_icon-size);color:var(--slotted-cascader-arrow-color, var(--slotted-text-muted, GrayText));display:flex;grid-area:1 / -2 / 2 / -1;inline-size:var(--_icon-size);justify-content:center;margin-inline-end:var(--_padding-inline);pointer-events:none}[data-ui=cascader]>[data-part=arrow]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-open]>[data-part=arrow]>[data-ui=icon]{rotate:180deg}[data-ui=cascader]>[data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--slotted-cascader-arrow-color, var(--slotted-text-muted, GrayText));grid-area:1 / -2 / 2 / -1;margin-inline-end:var(--_padding-inline);pointer-events:none}[data-ui=cascader]>[data-part=clear]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-cascader-radius, var(--slotted-control-radius, 4px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;grid-area:1 / 2 / 2 / 3;inline-size:var(--_action-size);justify-content:center;margin-inline:calc((var(--_icon-size) - var(--_action-size)) / 2);padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=cascader]>[data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=cascader]>[data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));inset-inline-end:0}}[data-ui=cascader][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=cascader][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=cascader][data-part=root][data-variant=subtle]{background-color:var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-border-subtle, ButtonBorder)}[data-ui=cascader][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=cascader][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=cascader][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-cascader-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=cascader][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=cascader][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-tone-secondary-subtle-hover);border-color:transparent}[data-ui=cascader][data-part=root]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader][data-part=root][data-variant=plain]:has(>[data-part=trigger]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=cascader][data-part=root][data-open]:not([data-disabled]){border-color:var(--slotted-cascader-open-border-color, var(--slotted-tone-accent-border))}[data-ui=cascader][data-part=root][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid, Highlight);--_invalid-edge-width: var( --slotted-cascader-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-cascader-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-cascader-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=cascader][data-part=root][data-invalid]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=cascader][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=trigger]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=cascader][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=cascader][data-part=root][data-invalid]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=cascader][data-part=root][data-readonly]{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=cascader][data-part=root][data-readonly]>[data-part=arrow]{color:var(--slotted-disabled-foreground)}[data-ui=cascader][data-part=root][data-disabled],[data-ui=cascader][data-part=root]:has(>[data-part=trigger]:disabled){background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground)}[data-ui=cascader][data-part=root][data-disabled]>[data-part=trigger],[data-ui=cascader][data-part=root]>[data-part=trigger]:disabled{cursor:not-allowed}[data-ui=cascader]>[data-part=clear]:hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text, CanvasText)}[data-ui=cascader]>[data-part=clear]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active)}[data-ui=cascader]>[data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=cascader]:is([data-part=positioner],[data-part=content]){--_surface: var(--slotted-cascader-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-text, #0f172a);--_muted: var(--slotted-text-muted, #5b6b7f);--_border-color: var(--slotted-cascader-border-subtle, var(--slotted-border-subtle, #e2e8f0));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-cascader-content-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-cascader-content-shadow, var(--slotted-shadow-md));--_highlight: var(--slotted-cascader-highlight, var(--slotted-tone-secondary-subtle-active));--_highlight-active: var( --slotted-cascader-highlight-active, var(--slotted-tone-accent-surface) );--_path: var(--slotted-cascader-path, var(--slotted-tone-secondary-surface));--_selected-color: var(--slotted-cascader-selected-color, var(--slotted-tone-accent-text));--_inset-block: var(--slotted-space-2, .25rem);--_inset-inline: var(--slotted-space-2, .25rem);--_item-inset: calc(var(--slotted-control-padding-inline-md, .8125rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-md, 34px);--_item-radius: var(--slotted-control-radius);--_content-font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-md, 16px);--_check-size: var(--slotted-selection-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, .5rem);--_column-measure: var(--slotted-cascader-column-measure, 12rem);--_indent: var(--slotted-cascader-indent, var(--slotted-space-6, 1rem));--_leading: round( up, calc(var(--_content-font-size) * var(--slotted-line-height-md, 1.5)), 1px );--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px )}[data-ui=cascader][data-part=positioner]{position:absolute;inset-block-start:0;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=cascader][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=cascader][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=cascader][data-part=positioner][data-open][data-positioned]{animation:slotted-cascader-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=cascader][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-cascader-enter-up}@keyframes slotted-cascader-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-cascader-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-cascader-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=cascader][data-part=positioner],[data-ui=cascader][data-part=positioner][data-side=top]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader][data-part=positioner][data-open][data-positioned],[data-ui=cascader][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-cascader-fade}}[data-ui=cascader][data-part=positioner][data-detached]{visibility:hidden}[data-ui=cascader][data-part=positioner][data-layout=columns]{inline-size:max-content;max-inline-size:var(--slotted-positioner-available-width, 100vw);min-inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=cascader][data-part=positioner][data-layout=columns]>[data-part=content]{inline-size:max-content;max-inline-size:100%;min-inline-size:min(var(--slotted-positioner-anchor-width, 0px),100%)}[data-ui=cascader][data-part=positioner]:is([data-layout=drill],[data-layout=tree]){inline-size:max(var(--slotted-positioner-anchor-width, 0px),var(--_column-measure));max-inline-size:var(--slotted-positioner-available-width, 100vw)}[data-ui=cascader]:is([data-part=positioner],[data-part=content])[data-size=sm]{--_item-inset: calc(var(--slotted-control-padding-inline-sm, .625rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-sm, 30px);--_content-font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_content-icon-size: var(--slotted-control-icon-size-sm, 14px);--_check-size: var(--slotted-selection-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, .375rem)}[data-ui=cascader]:is([data-part=positioner],[data-part=content])[data-size=lg]{--_item-inset: calc(var(--slotted-control-padding-inline-lg, 1rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-lg, 38px);--_content-font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-lg, 18px);--_check-size: var(--slotted-selection-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, .5rem)}[data-ui=cascader]>[data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);line-height:var(--_leading);max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - var(--slotted-space-5, .75rem));overflow:hidden;outline:none;pointer-events:auto}[data-ui=cascader]>[data-part=content]:focus-visible{outline:none}[data-ui=cascader][data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);inline-size:fit-content;line-height:var(--_leading);max-inline-size:100%;overflow:hidden}[data-ui=cascader][data-part=content]:has(>[data-part=panel]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader] [data-part=search]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;flex:0 0 auto;gap:var(--_column-gap);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset-inline) + var(--_item-inset))}[data-ui=cascader] [data-part=search]>[data-ui=icon]{--slotted-icon-size: var(--_content-icon-size);color:var(--_muted);flex:none}[data-ui=cascader] [data-part=search-input]{background-color:transparent;border:0;color:inherit;flex:1 1 auto;font:inherit;min-inline-size:0;outline:none;padding:0;text-overflow:ellipsis}[data-ui=cascader] [data-part=search-input]::placeholder{color:var(--_muted);text-overflow:ellipsis}[data-ui=cascader] [data-part=breadcrumb]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);color:var(--_muted);display:flex;flex:0 0 auto;font-size:var(--_secondary-font-size);gap:var(--slotted-space-1, .125rem);line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden;padding-block:var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset-inline) + var(--_item-inset) - var(--slotted-space-2, .25rem));white-space:nowrap}[data-ui=cascader] [data-part=breadcrumb]>[data-ui=icon]{--slotted-icon-size: var(--_secondary-font-size);flex:none}[data-ui=cascader] [data-part=crumb]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;font:inherit;flex:0 100 auto;max-inline-size:12ch;min-block-size:var(--slotted-target-min, 24px);min-inline-size:3ch;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-2, .25rem);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader] [data-part=crumb]:hover:not([aria-current]):not(:disabled){background-color:var(--_highlight);color:var(--_text)}[data-ui=cascader] [data-part=crumb]:active:not([aria-current]):not(:disabled){background-color:var(--_highlight-active)}[data-ui=cascader] [data-part=crumb]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=cascader] [data-part=crumb][aria-current]{color:var(--_text);cursor:default;flex-shrink:1;font-weight:var(--slotted-font-weight-semibold, 600);max-inline-size:none}[data-ui=cascader] [data-part=crumb][data-collapsed]{flex:none;min-inline-size:var(--slotted-target-min, 24px)}[data-ui=cascader] [data-part=panel]{display:flex;flex:1 1 auto;min-block-size:0;min-inline-size:0;outline:none}[data-ui=cascader] [data-part=column]{align-content:start;box-sizing:border-box;display:grid;flex:0 1 auto;grid-template-columns:auto auto minmax(0,1fr) auto auto;inline-size:var(--_column-measure);min-inline-size:0;max-block-size:100%;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=cascader] [data-part=column]+[data-part=column]{border-inline-start:var(--_border-width) solid var(--_border-color)}[data-ui=cascader]:is([data-layout=drill],[data-layout=tree]) [data-part=column]{flex:1 1 auto;inline-size:auto}[data-ui=cascader] [data-part=column][aria-busy=true]{cursor:progress}[data-ui=cascader] [data-part=node]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--_leading);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:var(--slotted-space-1, .125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow 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))}[data-ui=cascader][data-layout=tree] [data-part=node]{grid-template-columns:auto auto minmax(0,1fr) auto auto;padding-inline-start:calc(var(--_item-inset) + var(--slotted-cascader-depth, 0) * var(--_indent))}[data-ui=cascader] [data-part=node][data-expanded]{background-color:var(--_path)}[data-ui=cascader] [data-part=node][data-expanded]>[data-part=label]{font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=cascader][data-layout=tree] [data-part=node][data-expanded]{background-color:transparent}[data-ui=cascader] [data-part=node][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-cascader-highlight-ring, var(--slotted-tone-accent-border))}[data-ui=cascader] [data-part=node]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui=cascader] [data-part=node][data-selected]{color:var(--_selected-color)}[data-ui=cascader] [data-part=node][data-selected]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=cascader] [data-part=node][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=cascader] [data-part=node][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-disabled-border, #cbd5e1)}[data-ui=cascader] [data-part=node]>:is([data-part=indicator],[data-part=icon],[data-part=expander]){block-size:1lh}[data-ui=cascader] [data-part=node]>[data-part=icon]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:2;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;margin-inline-end:var(--_column-gap)}[data-ui=cascader] [data-part=node]>[data-part=icon]>*{font-size:var(--_content-icon-size)}[data-ui=cascader] [data-part=node]>[data-part=label]{display:-webkit-box;grid-column:3;grid-row:1;min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}[data-ui=cascader] [data-part=node]>[data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;grid-row:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=cascader] [data-part=node][data-disabled]>[data-part=description]{color:inherit}[data-ui=cascader] [data-part=node]>[data-part=meta]{color:var(--_muted);font-size:var(--_secondary-font-size);font-variant-numeric:tabular-nums;grid-column:4;grid-row:1;justify-self:end;margin-inline-start:var(--_column-gap);white-space:nowrap}[data-ui=cascader] [data-part=node][data-selected]>[data-part=meta],[data-ui=cascader] [data-part=node][data-indeterminate]>[data-part=meta]{color:var(--_selected-color)}[data-ui=cascader] [data-part=node]>[data-part=expander]{--slotted-icon-size: var(--_content-icon-size);align-items:center;color:var(--_muted);display:flex;grid-column:5;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader] [data-part=node]:is([data-expanded],[data-current])>[data-part=expander]{color:inherit}[data-ui=cascader] [data-part=node]>[data-part=expander]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-layout=tree] [data-part=node][data-expanded]>[data-part=expander]>[data-ui=icon]{rotate:90deg}[data-ui=cascader] [data-part=expander]>[data-ui=spinner]{--slotted-spinner-size: var(--_content-icon-size)}[data-ui=cascader] [data-part=node]>[data-part=indicator]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:5;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);opacity:0;scale:.8;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),scale var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader] [data-part=node][data-selected]>[data-part=indicator]{opacity:1;scale:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),scale var(--slotted-duration-short) var(--slotted-easing-enter)}[data-ui=cascader][data-selection=multiple] [data-part=node]>[data-part=indicator]{--_mark-inset: var(--slotted-cascader-mark-inset, 2px);--_check-border: var(--slotted-border-width-medium, 1.5px);--slotted-icon-size: calc(var(--_check-size) - 2 * var(--_mark-inset));align-self:center;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;grid-column:1;inline-size:var(--_check-size);justify-self:start;margin-inline-end:var(--_column-gap);margin-inline-start:0;opacity:1;position:relative;scale:1;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-selection=multiple] [data-part=node]>[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),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=cascader][data-selection=multiple] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=indicator]{background-color:var(--slotted-tone-accent-solid);border-color:var(--slotted-tone-accent-solid)}[data-ui=cascader][data-selection=multiple] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=indicator]>[data-ui=icon]{clip-path:inset(0% 0% 0% 0%);opacity:1}[data-ui=cascader][data-selection=multiple] [data-part=node][data-disabled]>[data-part=indicator]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText)}[data-ui=cascader] [data-part=loader]{align-items:center;display:flex;grid-column:1 / -1;min-block-size:var(--_item-height);padding-inline:var(--_item-inset)}[data-ui=cascader] [data-part=loader]>[data-ui=skeleton]{flex:1 1 auto}[data-ui=cascader] [data-part=loader]:nth-child(3n+2)>[data-ui=skeleton]{flex:0 1 78%}[data-ui=cascader] [data-part=loader]:nth-child(3n)>[data-ui=skeleton]{flex:0 1 56%}[data-ui=cascader] :is([data-part=empty],[data-part=status]){align-items:center;color:var(--_muted);display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);grid-column:1 / -1;min-inline-size:min(10rem,100%);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui=cascader] [data-part=status]:empty{display:none}@media(forced-colors:active){[data-ui=cascader] [data-part=node][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=cascader] [data-part=node][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui=cascader] [data-part=node][data-expanded]:not([data-current]){outline:1px solid CanvasText;outline-offset:-1px}}}\n", "@layer slotted.components{[data-ui=tag][data-part=root]{--_solid: var(--slotted-tone-secondary-solid-hover);--_solid-hover: var(--slotted-tone-secondary-solid-active);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_subtle-hover: var(--slotted-tone-secondary-subtle-hover);--_subtle-active: var(--slotted-tone-secondary-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-secondary-border));--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px);--_inset-block: var(--slotted-tag-inset-block, var(--slotted-space-2, .25rem));--_inset-inline: var(--slotted-space-4, .5rem);--_gap: var(--slotted-space-2, .25rem);--_line-height: var(--slotted-line-height-xs, 1.4);--_edge-width: var(--slotted-tag-border-width, var(--slotted-border-width-thin, 1px));--_radius: var(--slotted-radius-full, 9999px);--_inner-radius: max(0px, calc(var(--_radius) - var(--_edge-width)));--_own-size: calc( var(--_font-size) * var(--_line-height) + 2 * var(--_inset-block) + 2 * var(--_edge-width) );--_block-size: var(--slotted-control-inner-size, var(--_own-size));--_line: min( calc(var(--_font-size) * var(--_line-height)), calc(var(--_block-size) - 2 * var(--_edge-width)) );--_inset: max(0px, calc((var(--_block-size) - var(--_line) - 2 * var(--_edge-width)) / 2));align-items:stretch;border:var(--_edge-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;display:inline-flex;font-family:var(--slotted-tag-font-family, var(--slotted-control-font-family, sans-serif));font-size:var(--_font-size);font-weight:var(--slotted-tag-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--_line);max-inline-size:100%;min-block-size:var(--_block-size);vertical-align:middle;white-space:nowrap}[data-ui=tag][data-part=root][hidden]{display:none}[data-ui=tag][data-part=root][data-tone=secondary]{--_edge: var(--_border)}[data-ui=tag][data-part=root][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_subtle-hover: var(--slotted-tone-accent-subtle-hover);--_subtle-active: var(--slotted-tone-accent-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-accent-border));--_text: var(--slotted-tone-accent-text)}[data-ui=tag][data-part=root][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_subtle-hover: var(--slotted-tone-success-subtle-hover);--_subtle-active: var(--slotted-tone-success-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-success-border));--_text: var(--slotted-tone-success-text)}[data-ui=tag][data-part=root][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_subtle-hover: var(--slotted-tone-warning-subtle-hover);--_subtle-active: var(--slotted-tone-warning-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-warning-border));--_text: var(--slotted-tone-warning-text)}[data-ui=tag][data-part=root][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_subtle-hover: var(--slotted-tone-danger-subtle-hover);--_subtle-active: var(--slotted-tone-danger-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-danger-border));--_text: var(--slotted-tone-danger-text)}[data-ui=tag][data-part=root][data-variant=solid]{background-color:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonFace);color:var(--_on-solid, ButtonText)}[data-ui=tag][data-part=root][data-variant=soft]{background-color:var(--_surface, ButtonFace);border-color:var(--_border, ButtonBorder);color:var(--_text, ButtonText)}[data-ui=tag][data-part=root][data-variant=outline]{background-color:transparent;border-color:var(--_border, ButtonBorder);color:var(--_text, ButtonText)}[data-ui=tag][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_inset-block: var(--slotted-tag-inset-block, var(--slotted-space-1, .125rem));--_inset-inline: var(--slotted-space-3, .375rem)}[data-ui=tag][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_inset-block: var(--slotted-tag-inset-block, var(--slotted-space-3, .375rem));--_inset-inline: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-3, .375rem)}[data-ui=tag][data-part=root][data-shape=square]{--_radius: var(--slotted-radius-sm, 4px)}[data-ui=tag] [data-part=body]{align-items:center;background-color:transparent;border:0;border-end-start-radius:var(--_inner-radius);border-start-start-radius:var(--_inner-radius);box-sizing:border-box;color:inherit;display:inline-flex;font:inherit;gap:var(--_gap);letter-spacing:inherit;min-inline-size:0;padding-block:var(--_inset);padding-inline:var(--_inset-inline);text-align:start;text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tag] [data-part=body]:last-child{border-end-end-radius:var(--_inner-radius);border-start-end-radius:var(--_inner-radius)}[data-ui=tag] [data-part=body]:has(+[data-part=remove]){padding-inline-end:var(--_gap)}[data-ui=tag] [data-part=body]:is(a,button){cursor:pointer}[data-ui=tag] [data-part=label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}@supports (text-box: trim-both cap alphabetic){[data-ui=tag] [data-part=label]{margin-block:-.3em;padding-block:.3em;text-box:trim-both cap alphabetic}}[data-ui=tag] [data-part=start],[data-ui=tag] [data-part=end]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1}[data-ui=tag] [data-part=start]>*,[data-ui=tag] [data-part=end]>*{block-size:100%;display:block;inline-size:100%}[data-ui=tag] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:var(--_icon-size);display:inline-flex;flex:none;inline-size:0;justify-content:center;margin-inline-end:calc(-1 * var(--_gap));opacity:0;overflow:hidden;transition:inline-size var(--slotted-duration-short) var(--slotted-easing-standard),margin-inline-end var(--slotted-duration-short) var(--slotted-easing-standard),opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=tag][data-part=root][data-selected] [data-part=indicator]{inline-size:var(--_icon-size);margin-inline-end:0;opacity:1}[data-ui=tag] [data-part=remove]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;border:0;border-end-end-radius:var(--_inner-radius);border-start-end-radius:var(--_inner-radius);box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:none;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;padding:0;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tag] [data-part=remove]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=tag] [data-part=remove]{inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)),calc(var(--_block-size) - 2 * var(--_edge-width)))}[data-ui=tag] [data-part=remove]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}}[data-ui=tag] [data-part=remove]:first-child{border-end-start-radius:var(--_inner-radius);border-start-start-radius:var(--_inner-radius)}[data-ui=tag][data-part=root][data-selected]:not([data-disabled]){background-color:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);color:var(--_on-solid, ButtonText)}[data-ui=tag][data-part=root]{--_state-hover: color-mix( in oklab, currentColor var(--slotted-tag-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentColor var(--slotted-tag-state-layer-active, 14%), transparent )}[data-ui=tag][data-part=root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part=body]:is(a,button),[data-part=remove]):hover:not(:disabled){background-color:var(--_state-hover)}[data-ui=tag][data-part=root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part=body]:is(a,button),[data-part=remove]):active:not(:disabled){background-color:var(--_state-active)}[data-ui=tag][data-part=root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part=body]:is(a,button),[data-part=remove]):hover:not(:disabled){background-color:var(--_subtle-hover, ButtonFace)}[data-ui=tag][data-part=root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part=body]:is(a,button),[data-part=remove]):active:not(:disabled){background-color:var(--_subtle-active, ButtonFace)}[data-ui=tag][data-part=root][data-variant=solid]:not([data-disabled]) :is([data-part=body]:is(a,button),[data-part=remove]):hover:not(:disabled),[data-ui=tag][data-part=root][data-selected]:not([data-disabled]) :is([data-part=body]:is(a,button),[data-part=remove]):hover:not(:disabled){background-color:var(--_solid-hover, Highlight)}[data-ui=tag][data-part=root][data-variant=solid]:not([data-disabled]) :is([data-part=body]:is(a,button),[data-part=remove]):active:not(:disabled),[data-ui=tag][data-part=root][data-selected]:not([data-disabled]) :is([data-part=body]:is(a,button),[data-part=remove]):active:not(:disabled){background-color:var(--_solid-active, Highlight)}[data-ui=tag] [data-part=body]:focus-visible,[data-ui=tag] [data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-2 * var(--slotted-focus-ring-width, 2px))}[data-ui=tag][data-part=group]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tag][data-part=root][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=tag][data-part=root][data-variant=solid][data-disabled],[data-ui=tag][data-part=root][data-variant=soft][data-disabled],[data-ui=tag][data-part=root][data-selected][data-disabled]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tag][data-part=root][data-variant=outline][data-disabled]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tag][data-part=root][data-disabled] :is([data-part=body],[data-part=remove]),[data-ui=tag] [data-part=body]:disabled,[data-ui=tag] [data-part=remove]:disabled{background-color:transparent;cursor:not-allowed}[data-ui=tag] [data-part=remove]:disabled{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=tag][data-part=group]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-tag-group-gap, var(--slotted-space-2, .25rem))}[data-ui=tag][data-part=group][data-orientation=vertical]{align-items:start;flex-direction:column;flex-wrap:nowrap;inline-size:fit-content}[data-ui=tag][data-part=group]:empty{display:none}@media(forced-colors:active){[data-ui=tag][data-part=root]{border-color:currentColor}[data-ui=tag][data-part=root][data-selected]:not([data-disabled]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=tag][data-part=root][data-disabled]{border-color:GrayText;color:GrayText}}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlCascaderBody, selector: "sl-cascader-body", inputs: ["engine", "nodeId", "treeId", "focusable", "label", "labelledBy", "separator", "expandOn", "hoverDelay", "nodeTemplate", "getDescription", "locale"], outputs: ["retry", "treeKeydown"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCascader, decorators: [{
+            type: Component,
+            args: [{ selector: 'sl-cascader', standalone: true, exportAs: 'slCascader', imports: [NgTemplateOutlet, SlCascaderBody, SlGlyph, SlIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlCascader), multi: true },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlCascader), multi: true },
+                    ], host: {
+                        'data-ui': 'cascader',
+                        'data-part': 'root',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-variant]': 'resolvedVariant()',
+                        '[attr.data-full-width]': "resolvedFullWidth() ? '' : null",
+                        '[attr.data-open]': "open() ? '' : null",
+                        '[attr.data-disabled]': "resolvedDisabled() ? '' : null",
+                        '[attr.data-readonly]': "readOnlyState() ? '' : null",
+                        '[attr.data-invalid]': "resolvedInvalid() ? '' : null",
+                        '[attr.data-required]': "resolvedRequired() ? '' : null",
+                        '[attr.data-loading]': "loading() ? '' : null",
+                    }, template: `
+    <button
+      #trigger
+      type="button"
+      role="combobox"
+      data-part="trigger"
+      [attr.aria-haspopup]="engineSearch() ? 'dialog' : 'tree'"
+      [attr.aria-expanded]="open()"
+      [attr.aria-controls]="open() ? (engineSearch() ? contentId : treeId) : null"
+      [attr.aria-activedescendant]="triggerActiveDescendant()"
+      [attr.aria-label]="ariaLabel() ?? null"
+      [attr.aria-labelledby]="ariaLabel() === undefined ? (ariaLabelledBy() ?? null) : null"
+      [attr.aria-readonly]="readOnlyState() ? true : null"
+      [attr.aria-required]="resolvedRequired() ? true : null"
+      [attr.aria-invalid]="resolvedInvalid() ? true : null"
+      [disabled]="resolvedDisabled()"
+      (click)="onTriggerClick($event)"
+      (keydown)="onKey($event, false)"
+      (blur)="onTouched()"
+    >
+      @if (engine.multiple) {
+        <span data-part="value"
+          ><span data-part="summary">{{ summary() }}</span></span
+        >
+      } @else if (engine.emitted().length === 0) {
+        <span data-part="placeholder">{{ t('placeholder') }}</span>
+      } @else if (valueTemplate(); as template) {
+        <span data-part="value">
+          <ng-container *ngTemplateOutlet="template; context: { $implicit: valuePath() }" />
+        </span>
+      } @else {
+        <span data-part="value">
+          @for (segment of segments(); track segment.key) {
+            @if (!$first) {
+              <span data-part="value-separator" aria-hidden="true">{{ resolvedSeparator() }}</span>
+            }
+            <span data-part="value-segment">{{ segment.label }}</span>
+          }
+        </span>
+      }
+    </button>
+
+    @if (engine.multiple && engine.emitted().length > 0) {
+      <span data-part="tags">
+        @for (key of engine.emitted(); track key) {
+          <span data-ui="tag" data-part="root" data-size="sm" data-variant="soft">
+            <span data-part="body"
+              ><span data-part="label">{{ engine.labelOf(key) }}</span></span
+            >
+            <button
+              type="button"
+              data-part="remove"
+              [disabled]="resolvedDisabled() || readOnlyState()"
+              [attr.aria-label]="removeLabel(key)"
+              (click)="onRemove(key, $event)"
+            >
+              <span slIcon><svg slGlyph name="x"></svg></span>
+            </button>
+          </span>
+        }
+      </span>
+    }
+
+    @if (showClear()) {
+      <button
+        type="button"
+        data-part="clear"
+        [attr.aria-label]="t('clear')"
+        (click)="onClear($event)"
+      >
+        <span slIcon><svg slGlyph name="x"></svg></span>
+      </button>
+    }
+    @if (loading()) {
+      <span data-part="busy" data-ui="spinner" aria-hidden="true"></span>
+    } @else {
+      <span data-part="arrow"
+        ><span slIcon><svg slGlyph name="chevron-down"></svg></span
+      ></span>
+    }
+    @if (name(); as submission) {
+      @for (key of engine.emitted(); track key) {
+        <input type="hidden" [attr.name]="submission" [attr.form]="form() ?? null" [value]="key" />
+      }
+    }
+
+    <ng-template #layer>
+      <div
+        data-ui="cascader"
+        data-part="positioner"
+        [attr.data-layout]="engine.layout()"
+        [attr.data-size]="resolvedSize()"
+        [attr.data-selection]="engine.multiple ? 'multiple' : null"
+        [attr.data-open]="open() && positioned() ? '' : null"
+        [attr.inert]="open() ? null : ''"
+      >
+        <div
+          data-part="content"
+          [id]="contentId"
+          [attr.role]="engineSearch() ? 'dialog' : null"
+          [attr.aria-label]="engineSearch() ? (ariaLabel() ?? t('search')) : null"
+        >
+          @if (engineSearch()) {
+            <div data-part="search">
+              <span slIcon><svg slGlyph name="search"></svg></span>
+              <input
+                data-part="search-input"
+                role="combobox"
+                aria-autocomplete="list"
+                aria-expanded="true"
+                [attr.aria-controls]="treeId"
+                [attr.aria-label]="t('search')"
+                [attr.aria-activedescendant]="
+                  engine.activeKey === null ? null : nodeId(engine.activeKey!)
+                "
+                [placeholder]="t('searchPlaceholder')"
+                [value]="searchValue()"
+                (input)="onSearchInput($event)"
+                (keydown)="onKey($event, true)"
+              />
+            </div>
+          }
+          <sl-cascader-body
+            [engine]="engine"
+            [nodeId]="nodeId"
+            [treeId]="treeId"
+            [label]="ariaLabel()"
+            [labelledBy]="ariaLabelledBy()"
+            [separator]="resolvedSeparator()"
+            [expandOn]="resolvedExpandOn()"
+            [hoverDelay]="resolvedHoverDelay()"
+            [nodeTemplate]="nodeTemplate()?.template"
+            [getDescription]="getDescription()"
+            [locale]="resolvedLocale()"
+            (retry)="retry.emit($event)"
+          />
+        </div>
+      </div>
+    </ng-template>
+  `, styles: ["@layer slotted.components{[data-ui=cascader][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-cascader-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_action-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size) );align-items:center;background-color:var(--slotted-cascader-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-cascader-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-cascader-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:minmax(0,1fr) auto;inline-size:100%;min-block-size:var(--_height);min-inline-size:0;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-part=root]:has(>[data-part=clear]){grid-template-columns:minmax(0,1fr) auto auto}[data-ui=cascader][data-part=root]:not([data-full-width]){inline-size:auto}[data-ui=cascader]>[data-part=trigger]{align-items:center;appearance:none;background-color:transparent;border:0;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);grid-area:1 / 1 / 2 / -1;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);min-block-size:var(--_height);min-inline-size:0;outline:none;padding-block:0;padding-inline-start:var(--_padding-inline);padding-inline-end:calc(var(--_padding-inline) + var(--_icon-size) + var(--_gap));text-align:start;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-ui=cascader][data-part=root]:has(>[data-part=clear])>[data-part=trigger]{padding-inline-end:calc(var(--_padding-inline) + var(--_icon-size) + var(--_gap) + var(--_action-size) + var(--_gap))}[data-ui=cascader] [data-part=value]{align-items:baseline;display:flex;flex:1 1 auto;min-inline-size:0;overflow:hidden;white-space:nowrap}[data-ui=cascader] [data-part=value-segment]{flex:0 1 auto;min-inline-size:2.5ch;overflow:hidden;text-overflow:ellipsis}[data-ui=cascader] [data-part=value-segment]{flex-shrink:100}[data-ui=cascader] [data-part=value-segment]:first-child{flex-shrink:50}[data-ui=cascader] [data-part=value-segment]:last-child{flex-shrink:1}[data-ui=cascader] [data-part=value-separator]{color:var(--slotted-cascader-separator-color, var(--slotted-text-muted, GrayText));flex:none;padding-inline:var(--slotted-space-2, .25rem)}[data-ui=cascader] [data-part=placeholder]{color:var(--slotted-cascader-placeholder-color, var(--slotted-text-muted, GrayText));flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=cascader][data-part=root]>[data-part=tags]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);grid-area:1 / 1 / 2 / 2;margin-inline-start:var(--_padding-inline);min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;overflow:hidden;pointer-events:none}[data-ui=cascader]>[data-part=tags]>*{pointer-events:auto;position:relative}[data-ui=cascader] [data-part=summary]{display:block;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=cascader][data-part=root]:not([data-narrow]) [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;white-space:nowrap}[data-ui=cascader][data-part=root][data-narrow]>[data-part=tags]{display:none}[data-ui=cascader]>[data-part=arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:var(--_icon-size);color:var(--slotted-cascader-arrow-color, var(--slotted-text-muted, GrayText));display:flex;grid-area:1 / -2 / 2 / -1;inline-size:var(--_icon-size);justify-content:center;margin-inline-end:var(--_padding-inline);pointer-events:none}[data-ui=cascader]>[data-part=arrow]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-open]>[data-part=arrow]>[data-ui=icon]{rotate:180deg}[data-ui=cascader]>[data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--slotted-cascader-arrow-color, var(--slotted-text-muted, GrayText));grid-area:1 / -2 / 2 / -1;margin-inline-end:var(--_padding-inline);pointer-events:none}[data-ui=cascader]>[data-part=clear]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-cascader-radius, var(--slotted-control-radius, 4px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;grid-area:1 / 2 / 2 / 3;inline-size:var(--_action-size);justify-content:center;margin-inline:calc((var(--_icon-size) - var(--_action-size)) / 2);padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=cascader]>[data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=cascader]>[data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));inset-inline-end:0}}[data-ui=cascader][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=cascader][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=cascader][data-part=root][data-variant=subtle]{background-color:var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-border-subtle, ButtonBorder)}[data-ui=cascader][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=cascader][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=cascader][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-cascader-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=cascader][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=cascader][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-tone-secondary-subtle-hover);border-color:transparent}[data-ui=cascader][data-part=root]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader][data-part=root][data-variant=plain]:has(>[data-part=trigger]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=cascader][data-part=root][data-open]:not([data-disabled]){border-color:var(--slotted-cascader-open-border-color, var(--slotted-tone-accent-border))}[data-ui=cascader][data-part=root][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid, Highlight);--_invalid-edge-width: var( --slotted-cascader-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-cascader-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-cascader-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=cascader][data-part=root][data-invalid]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=cascader][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=trigger]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=cascader][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=cascader][data-part=root][data-invalid]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=cascader][data-part=root][data-readonly]{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=cascader][data-part=root][data-readonly]>[data-part=arrow]{color:var(--slotted-disabled-foreground)}[data-ui=cascader][data-part=root][data-disabled],[data-ui=cascader][data-part=root]:has(>[data-part=trigger]:disabled){background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground)}[data-ui=cascader][data-part=root][data-disabled]>[data-part=trigger],[data-ui=cascader][data-part=root]>[data-part=trigger]:disabled{cursor:not-allowed}[data-ui=cascader]>[data-part=clear]:hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text, CanvasText)}[data-ui=cascader]>[data-part=clear]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active)}[data-ui=cascader]>[data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=cascader]:is([data-part=positioner],[data-part=content]){--_surface: var(--slotted-cascader-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-text, #0f172a);--_muted: var(--slotted-text-muted, #5b6b7f);--_border-color: var(--slotted-cascader-border-subtle, var(--slotted-border-subtle, #e2e8f0));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-cascader-content-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-cascader-content-shadow, var(--slotted-shadow-md));--_highlight: var(--slotted-cascader-highlight, var(--slotted-tone-secondary-subtle-active));--_highlight-active: var( --slotted-cascader-highlight-active, var(--slotted-tone-accent-surface) );--_path: var(--slotted-cascader-path, var(--slotted-tone-secondary-surface));--_selected-color: var(--slotted-cascader-selected-color, var(--slotted-tone-accent-text));--_inset-block: var(--slotted-space-2, .25rem);--_inset-inline: var(--slotted-space-2, .25rem);--_item-inset: calc(var(--slotted-control-padding-inline-md, .8125rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-md, 34px);--_item-radius: var(--slotted-control-radius);--_content-font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-md, 16px);--_check-size: var(--slotted-selection-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, .5rem);--_column-measure: var(--slotted-cascader-column-measure, 12rem);--_indent: var(--slotted-cascader-indent, var(--slotted-space-6, 1rem));--_leading: round( up, calc(var(--_content-font-size) * var(--slotted-line-height-md, 1.5)), 1px );--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px )}[data-ui=cascader][data-part=positioner]{position:absolute;inset-block-start:0;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=cascader][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=cascader][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=cascader][data-part=positioner][data-open][data-positioned]{animation:slotted-cascader-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=cascader][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-cascader-enter-up}@keyframes slotted-cascader-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-cascader-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-cascader-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=cascader][data-part=positioner],[data-ui=cascader][data-part=positioner][data-side=top]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader][data-part=positioner][data-open][data-positioned],[data-ui=cascader][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-cascader-fade}}[data-ui=cascader][data-part=positioner][data-detached]{visibility:hidden}[data-ui=cascader][data-part=positioner][data-layout=columns]{inline-size:max-content;max-inline-size:var(--slotted-positioner-available-width, 100vw);min-inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=cascader][data-part=positioner][data-layout=columns]>[data-part=content]{inline-size:max-content;max-inline-size:100%;min-inline-size:min(var(--slotted-positioner-anchor-width, 0px),100%)}[data-ui=cascader][data-part=positioner]:is([data-layout=drill],[data-layout=tree]){inline-size:max(var(--slotted-positioner-anchor-width, 0px),var(--_column-measure));max-inline-size:var(--slotted-positioner-available-width, 100vw)}[data-ui=cascader]:is([data-part=positioner],[data-part=content])[data-size=sm]{--_item-inset: calc(var(--slotted-control-padding-inline-sm, .625rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-sm, 30px);--_content-font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_content-icon-size: var(--slotted-control-icon-size-sm, 14px);--_check-size: var(--slotted-selection-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, .375rem)}[data-ui=cascader]:is([data-part=positioner],[data-part=content])[data-size=lg]{--_item-inset: calc(var(--slotted-control-padding-inline-lg, 1rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-lg, 38px);--_content-font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-lg, 18px);--_check-size: var(--slotted-selection-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, .5rem)}[data-ui=cascader]>[data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);line-height:var(--_leading);max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - var(--slotted-space-5, .75rem));overflow:hidden;outline:none;pointer-events:auto}[data-ui=cascader]>[data-part=content]:focus-visible{outline:none}[data-ui=cascader][data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);inline-size:fit-content;line-height:var(--_leading);max-inline-size:100%;overflow:hidden}[data-ui=cascader][data-part=content]:has(>[data-part=panel]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader] [data-part=search]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;flex:0 0 auto;gap:var(--_column-gap);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset-inline) + var(--_item-inset))}[data-ui=cascader] [data-part=search]>[data-ui=icon]{--slotted-icon-size: var(--_content-icon-size);color:var(--_muted);flex:none}[data-ui=cascader] [data-part=search-input]{background-color:transparent;border:0;color:inherit;flex:1 1 auto;font:inherit;min-inline-size:0;outline:none;padding:0;text-overflow:ellipsis}[data-ui=cascader] [data-part=search-input]::placeholder{color:var(--_muted);text-overflow:ellipsis}[data-ui=cascader] [data-part=breadcrumb]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);color:var(--_muted);display:flex;flex:0 0 auto;font-size:var(--_secondary-font-size);gap:var(--slotted-space-1, .125rem);line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden;padding-block:var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset-inline) + var(--_item-inset) - var(--slotted-space-2, .25rem));white-space:nowrap}[data-ui=cascader] [data-part=breadcrumb]>[data-ui=icon]{--slotted-icon-size: var(--_secondary-font-size);flex:none}[data-ui=cascader] [data-part=crumb]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;font:inherit;flex:0 100 auto;max-inline-size:12ch;min-block-size:var(--slotted-target-min, 24px);min-inline-size:3ch;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-2, .25rem);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader] [data-part=crumb]:hover:not([aria-current]):not(:disabled){background-color:var(--_highlight);color:var(--_text)}[data-ui=cascader] [data-part=crumb]:active:not([aria-current]):not(:disabled){background-color:var(--_highlight-active)}[data-ui=cascader] [data-part=crumb]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=cascader] [data-part=crumb][aria-current]{color:var(--_text);cursor:default;flex-shrink:1;font-weight:var(--slotted-font-weight-semibold, 600);max-inline-size:none}[data-ui=cascader] [data-part=crumb][data-collapsed]{flex:none;min-inline-size:var(--slotted-target-min, 24px)}[data-ui=cascader] [data-part=panel]{display:flex;flex:1 1 auto;min-block-size:0;min-inline-size:0;outline:none}[data-ui=cascader] [data-part=column]{align-content:start;box-sizing:border-box;display:grid;flex:0 1 auto;grid-template-columns:auto auto minmax(0,1fr) auto auto;inline-size:var(--_column-measure);min-inline-size:0;max-block-size:100%;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=cascader] [data-part=column]+[data-part=column]{border-inline-start:var(--_border-width) solid var(--_border-color)}[data-ui=cascader]:is([data-layout=drill],[data-layout=tree]) [data-part=column]{flex:1 1 auto;inline-size:auto}[data-ui=cascader] [data-part=column][aria-busy=true]{cursor:progress}[data-ui=cascader] [data-part=node]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--_leading);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:var(--slotted-space-1, .125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow 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))}[data-ui=cascader][data-layout=tree] [data-part=node]{grid-template-columns:auto auto minmax(0,1fr) auto auto;padding-inline-start:calc(var(--_item-inset) + var(--slotted-cascader-depth, 0) * var(--_indent))}[data-ui=cascader] [data-part=node][data-expanded]{background-color:var(--_path)}[data-ui=cascader] [data-part=node][data-expanded]>[data-part=label]{font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=cascader][data-layout=tree] [data-part=node][data-expanded]{background-color:transparent}[data-ui=cascader] [data-part=node][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-cascader-highlight-ring, var(--slotted-tone-accent-border))}[data-ui=cascader] [data-part=node]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui=cascader] [data-part=node][data-selected]{color:var(--_selected-color)}[data-ui=cascader] [data-part=node][data-selected]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=cascader] [data-part=node][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=cascader] [data-part=node][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-disabled-border, #cbd5e1)}[data-ui=cascader] [data-part=node]>:is([data-part=indicator],[data-part=icon],[data-part=expander]){block-size:1lh}[data-ui=cascader] [data-part=node]>[data-part=icon]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:2;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;margin-inline-end:var(--_column-gap)}[data-ui=cascader] [data-part=node]>[data-part=icon]>*{font-size:var(--_content-icon-size)}[data-ui=cascader] [data-part=node]>[data-part=label]{display:-webkit-box;grid-column:3;grid-row:1;min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}[data-ui=cascader] [data-part=node]>[data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;grid-row:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=cascader] [data-part=node][data-disabled]>[data-part=description]{color:inherit}[data-ui=cascader] [data-part=node]>[data-part=meta]{color:var(--_muted);font-size:var(--_secondary-font-size);font-variant-numeric:tabular-nums;grid-column:4;grid-row:1;justify-self:end;margin-inline-start:var(--_column-gap);white-space:nowrap}[data-ui=cascader] [data-part=node][data-selected]>[data-part=meta],[data-ui=cascader] [data-part=node][data-indeterminate]>[data-part=meta]{color:var(--_selected-color)}[data-ui=cascader] [data-part=node]>[data-part=expander]{--slotted-icon-size: var(--_content-icon-size);align-items:center;color:var(--_muted);display:flex;grid-column:5;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader] [data-part=node]:is([data-expanded],[data-current])>[data-part=expander]{color:inherit}[data-ui=cascader] [data-part=node]>[data-part=expander]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-layout=tree] [data-part=node][data-expanded]>[data-part=expander]>[data-ui=icon]{rotate:90deg}[data-ui=cascader] [data-part=expander]>[data-ui=spinner]{--slotted-spinner-size: var(--_content-icon-size)}[data-ui=cascader] [data-part=node]>[data-part=indicator]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:5;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);opacity:0;scale:.8;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),scale var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader] [data-part=node][data-selected]>[data-part=indicator]{opacity:1;scale:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),scale var(--slotted-duration-short) var(--slotted-easing-enter)}[data-ui=cascader][data-selection=multiple] [data-part=node]>[data-part=indicator]{--_mark-inset: var(--slotted-cascader-mark-inset, 2px);--_check-border: var(--slotted-border-width-medium, 1.5px);--slotted-icon-size: calc(var(--_check-size) - 2 * var(--_mark-inset));align-self:center;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;grid-column:1;inline-size:var(--_check-size);justify-self:start;margin-inline-end:var(--_column-gap);margin-inline-start:0;opacity:1;position:relative;scale:1;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-selection=multiple] [data-part=node]>[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),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=cascader][data-selection=multiple] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=indicator]{background-color:var(--slotted-tone-accent-solid);border-color:var(--slotted-tone-accent-solid)}[data-ui=cascader][data-selection=multiple] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=indicator]>[data-ui=icon]{clip-path:inset(0% 0% 0% 0%);opacity:1}[data-ui=cascader][data-selection=multiple] [data-part=node][data-disabled]>[data-part=indicator]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText)}[data-ui=cascader] [data-part=loader]{align-items:center;display:flex;grid-column:1 / -1;min-block-size:var(--_item-height);padding-inline:var(--_item-inset)}[data-ui=cascader] [data-part=loader]>[data-ui=skeleton]{flex:1 1 auto}[data-ui=cascader] [data-part=loader]:nth-child(3n+2)>[data-ui=skeleton]{flex:0 1 78%}[data-ui=cascader] [data-part=loader]:nth-child(3n)>[data-ui=skeleton]{flex:0 1 56%}[data-ui=cascader] :is([data-part=empty],[data-part=status]){align-items:center;color:var(--_muted);display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);grid-column:1 / -1;min-inline-size:min(10rem,100%);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui=cascader] [data-part=status]:empty{display:none}@media(forced-colors:active){[data-ui=cascader] [data-part=node][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=cascader] [data-part=node][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui=cascader] [data-part=node][data-expanded]:not([data-current]){outline:1px solid CanvasText;outline-offset:-1px}}}\n", "@layer slotted.components{[data-ui=tag][data-part=root]{--_solid: var(--slotted-tone-secondary-solid-hover);--_solid-hover: var(--slotted-tone-secondary-solid-active);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_subtle-hover: var(--slotted-tone-secondary-subtle-hover);--_subtle-active: var(--slotted-tone-secondary-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-secondary-border));--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px);--_inset-block: var(--slotted-tag-inset-block, var(--slotted-space-2, .25rem));--_inset-inline: var(--slotted-space-4, .5rem);--_gap: var(--slotted-space-2, .25rem);--_line-height: var(--slotted-line-height-xs, 1.4);--_edge-width: var(--slotted-tag-border-width, var(--slotted-border-width-thin, 1px));--_radius: var(--slotted-radius-full, 9999px);--_inner-radius: max(0px, calc(var(--_radius) - var(--_edge-width)));--_own-size: calc( var(--_font-size) * var(--_line-height) + 2 * var(--_inset-block) + 2 * var(--_edge-width) );--_block-size: var(--slotted-control-inner-size, var(--_own-size));--_line: min( calc(var(--_font-size) * var(--_line-height)), calc(var(--_block-size) - 2 * var(--_edge-width)) );--_inset: max(0px, calc((var(--_block-size) - var(--_line) - 2 * var(--_edge-width)) / 2));align-items:stretch;border:var(--_edge-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;display:inline-flex;font-family:var(--slotted-tag-font-family, var(--slotted-control-font-family, sans-serif));font-size:var(--_font-size);font-weight:var(--slotted-tag-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--_line);max-inline-size:100%;min-block-size:var(--_block-size);vertical-align:middle;white-space:nowrap}[data-ui=tag][data-part=root][hidden]{display:none}[data-ui=tag][data-part=root][data-tone=secondary]{--_edge: var(--_border)}[data-ui=tag][data-part=root][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_subtle-hover: var(--slotted-tone-accent-subtle-hover);--_subtle-active: var(--slotted-tone-accent-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-accent-border));--_text: var(--slotted-tone-accent-text)}[data-ui=tag][data-part=root][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_subtle-hover: var(--slotted-tone-success-subtle-hover);--_subtle-active: var(--slotted-tone-success-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-success-border));--_text: var(--slotted-tone-success-text)}[data-ui=tag][data-part=root][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_subtle-hover: var(--slotted-tone-warning-subtle-hover);--_subtle-active: var(--slotted-tone-warning-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-warning-border));--_text: var(--slotted-tone-warning-text)}[data-ui=tag][data-part=root][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_subtle-hover: var(--slotted-tone-danger-subtle-hover);--_subtle-active: var(--slotted-tone-danger-subtle-active);--_border: var(--slotted-tag-border-color, var(--slotted-tone-danger-border));--_text: var(--slotted-tone-danger-text)}[data-ui=tag][data-part=root][data-variant=solid]{background-color:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonFace);color:var(--_on-solid, ButtonText)}[data-ui=tag][data-part=root][data-variant=soft]{background-color:var(--_surface, ButtonFace);border-color:var(--_border, ButtonBorder);color:var(--_text, ButtonText)}[data-ui=tag][data-part=root][data-variant=outline]{background-color:transparent;border-color:var(--_border, ButtonBorder);color:var(--_text, ButtonText)}[data-ui=tag][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_inset-block: var(--slotted-tag-inset-block, var(--slotted-space-1, .125rem));--_inset-inline: var(--slotted-space-3, .375rem)}[data-ui=tag][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_inset-block: var(--slotted-tag-inset-block, var(--slotted-space-3, .375rem));--_inset-inline: var(--slotted-space-5, .75rem);--_gap: var(--slotted-space-3, .375rem)}[data-ui=tag][data-part=root][data-shape=square]{--_radius: var(--slotted-radius-sm, 4px)}[data-ui=tag] [data-part=body]{align-items:center;background-color:transparent;border:0;border-end-start-radius:var(--_inner-radius);border-start-start-radius:var(--_inner-radius);box-sizing:border-box;color:inherit;display:inline-flex;font:inherit;gap:var(--_gap);letter-spacing:inherit;min-inline-size:0;padding-block:var(--_inset);padding-inline:var(--_inset-inline);text-align:start;text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tag] [data-part=body]:last-child{border-end-end-radius:var(--_inner-radius);border-start-end-radius:var(--_inner-radius)}[data-ui=tag] [data-part=body]:has(+[data-part=remove]){padding-inline-end:var(--_gap)}[data-ui=tag] [data-part=body]:is(a,button){cursor:pointer}[data-ui=tag] [data-part=label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}@supports (text-box: trim-both cap alphabetic){[data-ui=tag] [data-part=label]{margin-block:-.3em;padding-block:.3em;text-box:trim-both cap alphabetic}}[data-ui=tag] [data-part=start],[data-ui=tag] [data-part=end]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1}[data-ui=tag] [data-part=start]>*,[data-ui=tag] [data-part=end]>*{block-size:100%;display:block;inline-size:100%}[data-ui=tag] [data-part=indicator]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:var(--_icon-size);display:inline-flex;flex:none;inline-size:0;justify-content:center;margin-inline-end:calc(-1 * var(--_gap));opacity:0;overflow:hidden;transition:inline-size var(--slotted-duration-short) var(--slotted-easing-standard),margin-inline-end var(--slotted-duration-short) var(--slotted-easing-standard),opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=tag][data-part=root][data-selected] [data-part=indicator]{inline-size:var(--_icon-size);margin-inline-end:0;opacity:1}[data-ui=tag] [data-part=remove]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;border:0;border-end-end-radius:var(--_inner-radius);border-start-end-radius:var(--_inner-radius);box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:none;inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)));justify-content:center;padding:0;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=tag] [data-part=remove]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=tag] [data-part=remove]{inline-size:max(var(--slotted-target-min, 24px),min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)),var(--_inner-size)),calc(var(--_block-size) - 2 * var(--_edge-width)))}[data-ui=tag] [data-part=remove]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}}[data-ui=tag] [data-part=remove]:first-child{border-end-start-radius:var(--_inner-radius);border-start-start-radius:var(--_inner-radius)}[data-ui=tag][data-part=root][data-selected]:not([data-disabled]){background-color:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);color:var(--_on-solid, ButtonText)}[data-ui=tag][data-part=root]{--_state-hover: color-mix( in oklab, currentColor var(--slotted-tag-state-layer-hover, 8%), transparent );--_state-active: color-mix( in oklab, currentColor var(--slotted-tag-state-layer-active, 14%), transparent )}[data-ui=tag][data-part=root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part=body]:is(a,button),[data-part=remove]):hover:not(:disabled){background-color:var(--_state-hover)}[data-ui=tag][data-part=root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part=body]:is(a,button),[data-part=remove]):active:not(:disabled){background-color:var(--_state-active)}[data-ui=tag][data-part=root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part=body]:is(a,button),[data-part=remove]):hover:not(:disabled){background-color:var(--_subtle-hover, ButtonFace)}[data-ui=tag][data-part=root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part=body]:is(a,button),[data-part=remove]):active:not(:disabled){background-color:var(--_subtle-active, ButtonFace)}[data-ui=tag][data-part=root][data-variant=solid]:not([data-disabled]) :is([data-part=body]:is(a,button),[data-part=remove]):hover:not(:disabled),[data-ui=tag][data-part=root][data-selected]:not([data-disabled]) :is([data-part=body]:is(a,button),[data-part=remove]):hover:not(:disabled){background-color:var(--_solid-hover, Highlight)}[data-ui=tag][data-part=root][data-variant=solid]:not([data-disabled]) :is([data-part=body]:is(a,button),[data-part=remove]):active:not(:disabled),[data-ui=tag][data-part=root][data-selected]:not([data-disabled]) :is([data-part=body]:is(a,button),[data-part=remove]):active:not(:disabled){background-color:var(--_solid-active, Highlight)}[data-ui=tag] [data-part=body]:focus-visible,[data-ui=tag] [data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-2 * var(--slotted-focus-ring-width, 2px))}[data-ui=tag][data-part=group]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=tag][data-part=root][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=tag][data-part=root][data-variant=solid][data-disabled],[data-ui=tag][data-part=root][data-variant=soft][data-disabled],[data-ui=tag][data-part=root][data-selected][data-disabled]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tag][data-part=root][data-variant=outline][data-disabled]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=tag][data-part=root][data-disabled] :is([data-part=body],[data-part=remove]),[data-ui=tag] [data-part=body]:disabled,[data-ui=tag] [data-part=remove]:disabled{background-color:transparent;cursor:not-allowed}[data-ui=tag] [data-part=remove]:disabled{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=tag][data-part=group]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-tag-group-gap, var(--slotted-space-2, .25rem))}[data-ui=tag][data-part=group][data-orientation=vertical]{align-items:start;flex-direction:column;flex-wrap:nowrap;inline-size:fit-content}[data-ui=tag][data-part=group]:empty{display:none}@media(forced-colors:active){[data-ui=tag][data-part=root]{border-color:currentColor}[data-ui=tag][data-part=root][data-selected]:not([data-disabled]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=tag][data-part=root][data-disabled]{border-color:GrayText;color:GrayText}}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], openChangeRequest: [{ type: i0.Output, args: ["openChangeRequest"] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], portal: [{ type: i0.Input, args: [{ isSignal: true, alias: "portal", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], valueTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueTemplate", required: false }] }], template: [{ type: i0.ViewChild, args: ['layer', { isSignal: true }] }], triggerRef: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }] } });
+/**
+ * The same tree on the page, without a control or a layer: a settings screen
+ * or a sidebar. The tree takes focus and carries `aria-activedescendant`.
+ */
+class SlCascaderPanel extends CascaderBase {
+    readOnlyState = () => this.readOnly() ?? this.defaults.readOnly;
+    host = inject(ElementRef).nativeElement;
+    constructor() {
+        super();
+        effect(() => {
+            this.engine.view();
+            untracked(() => this.engine.syncLoads(true));
+        });
+        afterRenderEffect(() => {
+            const measured = cascaderMeasure(this.host);
+            const available = (this.host.parentElement ?? this.host).getBoundingClientRect().width;
+            const held = this.room();
+            if (held.available !== available ||
+                held.columnMeasure !== measured.columnMeasure ||
+                held.inset !== measured.inset) {
+                this.room.set({ available, ...measured });
+            }
+        });
+        let revealed = false;
+        afterRenderEffect(() => {
+            if (revealed)
+                return;
+            revealed = true;
+            if (untracked(() => this.activeKey()) === null)
+                untracked(() => this.engine.reveal());
+        });
+        afterRenderEffect(() => {
+            void this.activeKey();
+            this.scrollActive(this.host);
+        });
+        if (typeof ResizeObserver !== 'undefined') {
+            const observer = new ResizeObserver(() => {
+                const available = (this.host.parentElement ?? this.host).getBoundingClientRect().width;
+                if (this.room().available !== available) {
+                    this.room.update((room) => ({ ...room, available }));
+                }
+            });
+            queueMicrotask(() => observer.observe(this.host.parentElement ?? this.host));
+            inject(DestroyRef).onDestroy(() => observer.disconnect());
+        }
+    }
+    onKey(event) {
+        if (this.typeahead(event.key, event)) {
+            event.preventDefault();
+            return;
+        }
+        const action = this.engine.handleKey(event.key, event, directionOf(event.currentTarget), true);
+        if (action.type !== 'none' && action.type !== 'close')
+            event.preventDefault();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCascaderPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlCascaderPanel, isStandalone: true, selector: "sl-cascader-panel", host: { attributes: { "data-ui": "cascader", "data-part": "content" }, properties: { "attr.data-layout": "engine.layout()", "attr.data-size": "resolvedSize()", "attr.data-selection": "engine.multiple ? 'multiple' : null" } }, exportAs: ["slCascaderPanel"], usesInheritance: true, ngImport: i0, template: `
+    <sl-cascader-body
+      [engine]="engine"
+      [nodeId]="nodeId"
+      [treeId]="treeId"
+      [focusable]="true"
+      [label]="ariaLabel()"
+      [labelledBy]="ariaLabelledBy()"
+      [separator]="resolvedSeparator()"
+      [expandOn]="resolvedExpandOn()"
+      [hoverDelay]="resolvedHoverDelay()"
+      [nodeTemplate]="nodeTemplate()?.template"
+      [getDescription]="getDescription()"
+      [locale]="resolvedLocale()"
+      (retry)="retry.emit($event)"
+      (treeKeydown)="onKey($event)"
+    />
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=cascader][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-cascader-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_action-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size) );align-items:center;background-color:var(--slotted-cascader-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-cascader-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-cascader-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:minmax(0,1fr) auto;inline-size:100%;min-block-size:var(--_height);min-inline-size:0;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-part=root]:has(>[data-part=clear]){grid-template-columns:minmax(0,1fr) auto auto}[data-ui=cascader][data-part=root]:not([data-full-width]){inline-size:auto}[data-ui=cascader]>[data-part=trigger]{align-items:center;appearance:none;background-color:transparent;border:0;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);grid-area:1 / 1 / 2 / -1;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);min-block-size:var(--_height);min-inline-size:0;outline:none;padding-block:0;padding-inline-start:var(--_padding-inline);padding-inline-end:calc(var(--_padding-inline) + var(--_icon-size) + var(--_gap));text-align:start;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-ui=cascader][data-part=root]:has(>[data-part=clear])>[data-part=trigger]{padding-inline-end:calc(var(--_padding-inline) + var(--_icon-size) + var(--_gap) + var(--_action-size) + var(--_gap))}[data-ui=cascader] [data-part=value]{align-items:baseline;display:flex;flex:1 1 auto;min-inline-size:0;overflow:hidden;white-space:nowrap}[data-ui=cascader] [data-part=value-segment]{flex:0 1 auto;min-inline-size:2.5ch;overflow:hidden;text-overflow:ellipsis}[data-ui=cascader] [data-part=value-segment]{flex-shrink:100}[data-ui=cascader] [data-part=value-segment]:first-child{flex-shrink:50}[data-ui=cascader] [data-part=value-segment]:last-child{flex-shrink:1}[data-ui=cascader] [data-part=value-separator]{color:var(--slotted-cascader-separator-color, var(--slotted-text-muted, GrayText));flex:none;padding-inline:var(--slotted-space-2, .25rem)}[data-ui=cascader] [data-part=placeholder]{color:var(--slotted-cascader-placeholder-color, var(--slotted-text-muted, GrayText));flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=cascader][data-part=root]>[data-part=tags]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);grid-area:1 / 1 / 2 / 2;margin-inline-start:var(--_padding-inline);min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;overflow:hidden;pointer-events:none}[data-ui=cascader]>[data-part=tags]>*{pointer-events:auto;position:relative}[data-ui=cascader] [data-part=summary]{display:block;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=cascader][data-part=root]:not([data-narrow]) [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;white-space:nowrap}[data-ui=cascader][data-part=root][data-narrow]>[data-part=tags]{display:none}[data-ui=cascader]>[data-part=arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:var(--_icon-size);color:var(--slotted-cascader-arrow-color, var(--slotted-text-muted, GrayText));display:flex;grid-area:1 / -2 / 2 / -1;inline-size:var(--_icon-size);justify-content:center;margin-inline-end:var(--_padding-inline);pointer-events:none}[data-ui=cascader]>[data-part=arrow]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-open]>[data-part=arrow]>[data-ui=icon]{rotate:180deg}[data-ui=cascader]>[data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--slotted-cascader-arrow-color, var(--slotted-text-muted, GrayText));grid-area:1 / -2 / 2 / -1;margin-inline-end:var(--_padding-inline);pointer-events:none}[data-ui=cascader]>[data-part=clear]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-cascader-radius, var(--slotted-control-radius, 4px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;grid-area:1 / 2 / 2 / 3;inline-size:var(--_action-size);justify-content:center;margin-inline:calc((var(--_icon-size) - var(--_action-size)) / 2);padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=cascader]>[data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=cascader]>[data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));inset-inline-end:0}}[data-ui=cascader][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=cascader][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=cascader][data-part=root][data-variant=subtle]{background-color:var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-border-subtle, ButtonBorder)}[data-ui=cascader][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=cascader][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=cascader][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-cascader-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=cascader][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=cascader][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-tone-secondary-subtle-hover);border-color:transparent}[data-ui=cascader][data-part=root]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader][data-part=root][data-variant=plain]:has(>[data-part=trigger]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=cascader][data-part=root][data-open]:not([data-disabled]){border-color:var(--slotted-cascader-open-border-color, var(--slotted-tone-accent-border))}[data-ui=cascader][data-part=root][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid, Highlight);--_invalid-edge-width: var( --slotted-cascader-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-cascader-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-cascader-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=cascader][data-part=root][data-invalid]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=cascader][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=trigger]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=cascader][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=cascader][data-part=root][data-invalid]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=cascader][data-part=root][data-readonly]{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=cascader][data-part=root][data-readonly]>[data-part=arrow]{color:var(--slotted-disabled-foreground)}[data-ui=cascader][data-part=root][data-disabled],[data-ui=cascader][data-part=root]:has(>[data-part=trigger]:disabled){background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground)}[data-ui=cascader][data-part=root][data-disabled]>[data-part=trigger],[data-ui=cascader][data-part=root]>[data-part=trigger]:disabled{cursor:not-allowed}[data-ui=cascader]>[data-part=clear]:hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text, CanvasText)}[data-ui=cascader]>[data-part=clear]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active)}[data-ui=cascader]>[data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=cascader]:is([data-part=positioner],[data-part=content]){--_surface: var(--slotted-cascader-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-text, #0f172a);--_muted: var(--slotted-text-muted, #5b6b7f);--_border-color: var(--slotted-cascader-border-subtle, var(--slotted-border-subtle, #e2e8f0));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-cascader-content-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-cascader-content-shadow, var(--slotted-shadow-md));--_highlight: var(--slotted-cascader-highlight, var(--slotted-tone-secondary-subtle-active));--_highlight-active: var( --slotted-cascader-highlight-active, var(--slotted-tone-accent-surface) );--_path: var(--slotted-cascader-path, var(--slotted-tone-secondary-surface));--_selected-color: var(--slotted-cascader-selected-color, var(--slotted-tone-accent-text));--_inset-block: var(--slotted-space-2, .25rem);--_inset-inline: var(--slotted-space-2, .25rem);--_item-inset: calc(var(--slotted-control-padding-inline-md, .8125rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-md, 34px);--_item-radius: var(--slotted-control-radius);--_content-font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-md, 16px);--_check-size: var(--slotted-selection-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, .5rem);--_column-measure: var(--slotted-cascader-column-measure, 12rem);--_indent: var(--slotted-cascader-indent, var(--slotted-space-6, 1rem));--_leading: round( up, calc(var(--_content-font-size) * var(--slotted-line-height-md, 1.5)), 1px );--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px )}[data-ui=cascader][data-part=positioner]{position:absolute;inset-block-start:0;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=cascader][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=cascader][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=cascader][data-part=positioner][data-open][data-positioned]{animation:slotted-cascader-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=cascader][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-cascader-enter-up}@keyframes slotted-cascader-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-cascader-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-cascader-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=cascader][data-part=positioner],[data-ui=cascader][data-part=positioner][data-side=top]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader][data-part=positioner][data-open][data-positioned],[data-ui=cascader][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-cascader-fade}}[data-ui=cascader][data-part=positioner][data-detached]{visibility:hidden}[data-ui=cascader][data-part=positioner][data-layout=columns]{inline-size:max-content;max-inline-size:var(--slotted-positioner-available-width, 100vw);min-inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=cascader][data-part=positioner][data-layout=columns]>[data-part=content]{inline-size:max-content;max-inline-size:100%;min-inline-size:min(var(--slotted-positioner-anchor-width, 0px),100%)}[data-ui=cascader][data-part=positioner]:is([data-layout=drill],[data-layout=tree]){inline-size:max(var(--slotted-positioner-anchor-width, 0px),var(--_column-measure));max-inline-size:var(--slotted-positioner-available-width, 100vw)}[data-ui=cascader]:is([data-part=positioner],[data-part=content])[data-size=sm]{--_item-inset: calc(var(--slotted-control-padding-inline-sm, .625rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-sm, 30px);--_content-font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_content-icon-size: var(--slotted-control-icon-size-sm, 14px);--_check-size: var(--slotted-selection-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, .375rem)}[data-ui=cascader]:is([data-part=positioner],[data-part=content])[data-size=lg]{--_item-inset: calc(var(--slotted-control-padding-inline-lg, 1rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-lg, 38px);--_content-font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-lg, 18px);--_check-size: var(--slotted-selection-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, .5rem)}[data-ui=cascader]>[data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);line-height:var(--_leading);max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - var(--slotted-space-5, .75rem));overflow:hidden;outline:none;pointer-events:auto}[data-ui=cascader]>[data-part=content]:focus-visible{outline:none}[data-ui=cascader][data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);inline-size:fit-content;line-height:var(--_leading);max-inline-size:100%;overflow:hidden}[data-ui=cascader][data-part=content]:has(>[data-part=panel]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader] [data-part=search]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;flex:0 0 auto;gap:var(--_column-gap);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset-inline) + var(--_item-inset))}[data-ui=cascader] [data-part=search]>[data-ui=icon]{--slotted-icon-size: var(--_content-icon-size);color:var(--_muted);flex:none}[data-ui=cascader] [data-part=search-input]{background-color:transparent;border:0;color:inherit;flex:1 1 auto;font:inherit;min-inline-size:0;outline:none;padding:0;text-overflow:ellipsis}[data-ui=cascader] [data-part=search-input]::placeholder{color:var(--_muted);text-overflow:ellipsis}[data-ui=cascader] [data-part=breadcrumb]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);color:var(--_muted);display:flex;flex:0 0 auto;font-size:var(--_secondary-font-size);gap:var(--slotted-space-1, .125rem);line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden;padding-block:var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset-inline) + var(--_item-inset) - var(--slotted-space-2, .25rem));white-space:nowrap}[data-ui=cascader] [data-part=breadcrumb]>[data-ui=icon]{--slotted-icon-size: var(--_secondary-font-size);flex:none}[data-ui=cascader] [data-part=crumb]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;font:inherit;flex:0 100 auto;max-inline-size:12ch;min-block-size:var(--slotted-target-min, 24px);min-inline-size:3ch;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-2, .25rem);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader] [data-part=crumb]:hover:not([aria-current]):not(:disabled){background-color:var(--_highlight);color:var(--_text)}[data-ui=cascader] [data-part=crumb]:active:not([aria-current]):not(:disabled){background-color:var(--_highlight-active)}[data-ui=cascader] [data-part=crumb]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=cascader] [data-part=crumb][aria-current]{color:var(--_text);cursor:default;flex-shrink:1;font-weight:var(--slotted-font-weight-semibold, 600);max-inline-size:none}[data-ui=cascader] [data-part=crumb][data-collapsed]{flex:none;min-inline-size:var(--slotted-target-min, 24px)}[data-ui=cascader] [data-part=panel]{display:flex;flex:1 1 auto;min-block-size:0;min-inline-size:0;outline:none}[data-ui=cascader] [data-part=column]{align-content:start;box-sizing:border-box;display:grid;flex:0 1 auto;grid-template-columns:auto auto minmax(0,1fr) auto auto;inline-size:var(--_column-measure);min-inline-size:0;max-block-size:100%;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=cascader] [data-part=column]+[data-part=column]{border-inline-start:var(--_border-width) solid var(--_border-color)}[data-ui=cascader]:is([data-layout=drill],[data-layout=tree]) [data-part=column]{flex:1 1 auto;inline-size:auto}[data-ui=cascader] [data-part=column][aria-busy=true]{cursor:progress}[data-ui=cascader] [data-part=node]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--_leading);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:var(--slotted-space-1, .125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow 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))}[data-ui=cascader][data-layout=tree] [data-part=node]{grid-template-columns:auto auto minmax(0,1fr) auto auto;padding-inline-start:calc(var(--_item-inset) + var(--slotted-cascader-depth, 0) * var(--_indent))}[data-ui=cascader] [data-part=node][data-expanded]{background-color:var(--_path)}[data-ui=cascader] [data-part=node][data-expanded]>[data-part=label]{font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=cascader][data-layout=tree] [data-part=node][data-expanded]{background-color:transparent}[data-ui=cascader] [data-part=node][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-cascader-highlight-ring, var(--slotted-tone-accent-border))}[data-ui=cascader] [data-part=node]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui=cascader] [data-part=node][data-selected]{color:var(--_selected-color)}[data-ui=cascader] [data-part=node][data-selected]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=cascader] [data-part=node][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=cascader] [data-part=node][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-disabled-border, #cbd5e1)}[data-ui=cascader] [data-part=node]>:is([data-part=indicator],[data-part=icon],[data-part=expander]){block-size:1lh}[data-ui=cascader] [data-part=node]>[data-part=icon]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:2;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;margin-inline-end:var(--_column-gap)}[data-ui=cascader] [data-part=node]>[data-part=icon]>*{font-size:var(--_content-icon-size)}[data-ui=cascader] [data-part=node]>[data-part=label]{display:-webkit-box;grid-column:3;grid-row:1;min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}[data-ui=cascader] [data-part=node]>[data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;grid-row:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=cascader] [data-part=node][data-disabled]>[data-part=description]{color:inherit}[data-ui=cascader] [data-part=node]>[data-part=meta]{color:var(--_muted);font-size:var(--_secondary-font-size);font-variant-numeric:tabular-nums;grid-column:4;grid-row:1;justify-self:end;margin-inline-start:var(--_column-gap);white-space:nowrap}[data-ui=cascader] [data-part=node][data-selected]>[data-part=meta],[data-ui=cascader] [data-part=node][data-indeterminate]>[data-part=meta]{color:var(--_selected-color)}[data-ui=cascader] [data-part=node]>[data-part=expander]{--slotted-icon-size: var(--_content-icon-size);align-items:center;color:var(--_muted);display:flex;grid-column:5;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader] [data-part=node]:is([data-expanded],[data-current])>[data-part=expander]{color:inherit}[data-ui=cascader] [data-part=node]>[data-part=expander]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-layout=tree] [data-part=node][data-expanded]>[data-part=expander]>[data-ui=icon]{rotate:90deg}[data-ui=cascader] [data-part=expander]>[data-ui=spinner]{--slotted-spinner-size: var(--_content-icon-size)}[data-ui=cascader] [data-part=node]>[data-part=indicator]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:5;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);opacity:0;scale:.8;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),scale var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader] [data-part=node][data-selected]>[data-part=indicator]{opacity:1;scale:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),scale var(--slotted-duration-short) var(--slotted-easing-enter)}[data-ui=cascader][data-selection=multiple] [data-part=node]>[data-part=indicator]{--_mark-inset: var(--slotted-cascader-mark-inset, 2px);--_check-border: var(--slotted-border-width-medium, 1.5px);--slotted-icon-size: calc(var(--_check-size) - 2 * var(--_mark-inset));align-self:center;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;grid-column:1;inline-size:var(--_check-size);justify-self:start;margin-inline-end:var(--_column-gap);margin-inline-start:0;opacity:1;position:relative;scale:1;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-selection=multiple] [data-part=node]>[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),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=cascader][data-selection=multiple] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=indicator]{background-color:var(--slotted-tone-accent-solid);border-color:var(--slotted-tone-accent-solid)}[data-ui=cascader][data-selection=multiple] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=indicator]>[data-ui=icon]{clip-path:inset(0% 0% 0% 0%);opacity:1}[data-ui=cascader][data-selection=multiple] [data-part=node][data-disabled]>[data-part=indicator]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText)}[data-ui=cascader] [data-part=loader]{align-items:center;display:flex;grid-column:1 / -1;min-block-size:var(--_item-height);padding-inline:var(--_item-inset)}[data-ui=cascader] [data-part=loader]>[data-ui=skeleton]{flex:1 1 auto}[data-ui=cascader] [data-part=loader]:nth-child(3n+2)>[data-ui=skeleton]{flex:0 1 78%}[data-ui=cascader] [data-part=loader]:nth-child(3n)>[data-ui=skeleton]{flex:0 1 56%}[data-ui=cascader] :is([data-part=empty],[data-part=status]){align-items:center;color:var(--_muted);display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);grid-column:1 / -1;min-inline-size:min(10rem,100%);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui=cascader] [data-part=status]:empty{display:none}@media(forced-colors:active){[data-ui=cascader] [data-part=node][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=cascader] [data-part=node][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui=cascader] [data-part=node][data-expanded]:not([data-current]){outline:1px solid CanvasText;outline-offset:-1px}}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"], dependencies: [{ kind: "component", type: SlCascaderBody, selector: "sl-cascader-body", inputs: ["engine", "nodeId", "treeId", "focusable", "label", "labelledBy", "separator", "expandOn", "hoverDelay", "nodeTemplate", "getDescription", "locale"], outputs: ["retry", "treeKeydown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCascaderPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'sl-cascader-panel', standalone: true, exportAs: 'slCascaderPanel', imports: [SlCascaderBody], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'cascader',
+                        'data-part': 'content',
+                        '[attr.data-layout]': 'engine.layout()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-selection]': "engine.multiple ? 'multiple' : null",
+                    }, template: `
+    <sl-cascader-body
+      [engine]="engine"
+      [nodeId]="nodeId"
+      [treeId]="treeId"
+      [focusable]="true"
+      [label]="ariaLabel()"
+      [labelledBy]="ariaLabelledBy()"
+      [separator]="resolvedSeparator()"
+      [expandOn]="resolvedExpandOn()"
+      [hoverDelay]="resolvedHoverDelay()"
+      [nodeTemplate]="nodeTemplate()?.template"
+      [getDescription]="getDescription()"
+      [locale]="resolvedLocale()"
+      (retry)="retry.emit($event)"
+      (treeKeydown)="onKey($event)"
+    />
+  `, styles: ["@layer slotted.components{[data-ui=cascader][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-cascader-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_action-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size) );align-items:center;background-color:var(--slotted-cascader-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-cascader-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-cascader-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:minmax(0,1fr) auto;inline-size:100%;min-block-size:var(--_height);min-inline-size:0;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-part=root]:has(>[data-part=clear]){grid-template-columns:minmax(0,1fr) auto auto}[data-ui=cascader][data-part=root]:not([data-full-width]){inline-size:auto}[data-ui=cascader]>[data-part=trigger]{align-items:center;appearance:none;background-color:transparent;border:0;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);grid-area:1 / 1 / 2 / -1;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);min-block-size:var(--_height);min-inline-size:0;outline:none;padding-block:0;padding-inline-start:var(--_padding-inline);padding-inline-end:calc(var(--_padding-inline) + var(--_icon-size) + var(--_gap));text-align:start;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-ui=cascader][data-part=root]:has(>[data-part=clear])>[data-part=trigger]{padding-inline-end:calc(var(--_padding-inline) + var(--_icon-size) + var(--_gap) + var(--_action-size) + var(--_gap))}[data-ui=cascader] [data-part=value]{align-items:baseline;display:flex;flex:1 1 auto;min-inline-size:0;overflow:hidden;white-space:nowrap}[data-ui=cascader] [data-part=value-segment]{flex:0 1 auto;min-inline-size:2.5ch;overflow:hidden;text-overflow:ellipsis}[data-ui=cascader] [data-part=value-segment]{flex-shrink:100}[data-ui=cascader] [data-part=value-segment]:first-child{flex-shrink:50}[data-ui=cascader] [data-part=value-segment]:last-child{flex-shrink:1}[data-ui=cascader] [data-part=value-separator]{color:var(--slotted-cascader-separator-color, var(--slotted-text-muted, GrayText));flex:none;padding-inline:var(--slotted-space-2, .25rem)}[data-ui=cascader] [data-part=placeholder]{color:var(--slotted-cascader-placeholder-color, var(--slotted-text-muted, GrayText));flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=cascader][data-part=root]>[data-part=tags]{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);grid-area:1 / 1 / 2 / 2;margin-inline-start:var(--_padding-inline);min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;overflow:hidden;pointer-events:none}[data-ui=cascader]>[data-part=tags]>*{pointer-events:auto;position:relative}[data-ui=cascader] [data-part=summary]{display:block;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;white-space:nowrap}[data-ui=cascader][data-part=root]:not([data-narrow]) [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;white-space:nowrap}[data-ui=cascader][data-part=root][data-narrow]>[data-part=tags]{display:none}[data-ui=cascader]>[data-part=arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:var(--_icon-size);color:var(--slotted-cascader-arrow-color, var(--slotted-text-muted, GrayText));display:flex;grid-area:1 / -2 / 2 / -1;inline-size:var(--_icon-size);justify-content:center;margin-inline-end:var(--_padding-inline);pointer-events:none}[data-ui=cascader]>[data-part=arrow]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-open]>[data-part=arrow]>[data-ui=icon]{rotate:180deg}[data-ui=cascader]>[data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--slotted-cascader-arrow-color, var(--slotted-text-muted, GrayText));grid-area:1 / -2 / 2 / -1;margin-inline-end:var(--_padding-inline);pointer-events:none}[data-ui=cascader]>[data-part=clear]{--slotted-icon-size: var(--_icon-size);align-items:center;appearance:none;background-color:transparent;block-size:var(--_action-size);border:0;border-radius:var(--slotted-cascader-radius, var(--slotted-control-radius, 4px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;grid-area:1 / 2 / 2 / 3;inline-size:var(--_action-size);justify-content:center;margin-inline:calc((var(--_icon-size) - var(--_action-size)) / 2);padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=cascader]>[data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=cascader]>[data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));inset-inline-end:0}}[data-ui=cascader][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=cascader][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=cascader][data-part=root][data-variant=subtle]{background-color:var(--slotted-surface-sunken, Canvas);border-color:var(--slotted-border-subtle, ButtonBorder)}[data-ui=cascader][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=cascader][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=cascader][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-cascader-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=cascader][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=cascader][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-tone-secondary-subtle-hover);border-color:transparent}[data-ui=cascader][data-part=root]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader][data-part=root][data-variant=plain]:has(>[data-part=trigger]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=cascader][data-part=root][data-open]:not([data-disabled]){border-color:var(--slotted-cascader-open-border-color, var(--slotted-tone-accent-border))}[data-ui=cascader][data-part=root][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid, Highlight);--_invalid-edge-width: var( --slotted-cascader-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-cascader-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-cascader-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=cascader][data-part=root][data-invalid]:has(>[data-part=trigger]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=cascader][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=trigger]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=cascader][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=cascader][data-part=root][data-invalid]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=trigger]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=cascader][data-part=root][data-readonly]{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui=cascader][data-part=root][data-readonly]>[data-part=arrow]{color:var(--slotted-disabled-foreground)}[data-ui=cascader][data-part=root][data-disabled],[data-ui=cascader][data-part=root]:has(>[data-part=trigger]:disabled){background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground)}[data-ui=cascader][data-part=root][data-disabled]>[data-part=trigger],[data-ui=cascader][data-part=root]>[data-part=trigger]:disabled{cursor:not-allowed}[data-ui=cascader]>[data-part=clear]:hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-hover);color:var(--slotted-text, CanvasText)}[data-ui=cascader]>[data-part=clear]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tone-secondary-subtle-active)}[data-ui=cascader]>[data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=cascader]:is([data-part=positioner],[data-part=content]){--_surface: var(--slotted-cascader-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-text, #0f172a);--_muted: var(--slotted-text-muted, #5b6b7f);--_border-color: var(--slotted-cascader-border-subtle, var(--slotted-border-subtle, #e2e8f0));--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-cascader-content-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-cascader-content-shadow, var(--slotted-shadow-md));--_highlight: var(--slotted-cascader-highlight, var(--slotted-tone-secondary-subtle-active));--_highlight-active: var( --slotted-cascader-highlight-active, var(--slotted-tone-accent-surface) );--_path: var(--slotted-cascader-path, var(--slotted-tone-secondary-surface));--_selected-color: var(--slotted-cascader-selected-color, var(--slotted-tone-accent-text));--_inset-block: var(--slotted-space-2, .25rem);--_inset-inline: var(--slotted-space-2, .25rem);--_item-inset: calc(var(--slotted-control-padding-inline-md, .8125rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-md, 34px);--_item-radius: var(--slotted-control-radius);--_content-font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-md, 16px);--_check-size: var(--slotted-selection-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, .5rem);--_column-measure: var(--slotted-cascader-column-measure, 12rem);--_indent: var(--slotted-cascader-indent, var(--slotted-space-6, 1rem));--_leading: round( up, calc(var(--_content-font-size) * var(--slotted-line-height-md, 1.5)), 1px );--_secondary-leading: round( up, calc(var(--_secondary-font-size) * var(--slotted-line-height-sm, 1.45)), 1px )}[data-ui=cascader][data-part=positioner]{position:absolute;inset-block-start:0;z-index:calc(var(--slotted-z-index-popover, 1100) + var(--slotted-layer-depth, 0));isolation:isolate;box-sizing:border-box;pointer-events:none;opacity:0;--_enter-distance: var(--slotted-space-2, .25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader][data-part=positioner][data-side=top]{translate:0 var(--_enter-distance)}[data-ui=cascader][data-part=positioner]:is([data-side=left],[data-side=right]){translate:0 0}[data-ui=cascader][data-part=positioner][data-open]{opacity:1;translate:0 0;transition:none}[data-ui=cascader][data-part=positioner][data-open][data-positioned]{animation:slotted-cascader-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=cascader][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-cascader-enter-up}@keyframes slotted-cascader-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-cascader-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-cascader-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-ui=cascader][data-part=positioner],[data-ui=cascader][data-part=positioner][data-side=top]{translate:0 0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader][data-part=positioner][data-open][data-positioned],[data-ui=cascader][data-part=positioner][data-open][data-positioned][data-side=top]{animation-name:slotted-cascader-fade}}[data-ui=cascader][data-part=positioner][data-detached]{visibility:hidden}[data-ui=cascader][data-part=positioner][data-layout=columns]{inline-size:max-content;max-inline-size:var(--slotted-positioner-available-width, 100vw);min-inline-size:var(--slotted-positioner-anchor-width, auto)}[data-ui=cascader][data-part=positioner][data-layout=columns]>[data-part=content]{inline-size:max-content;max-inline-size:100%;min-inline-size:min(var(--slotted-positioner-anchor-width, 0px),100%)}[data-ui=cascader][data-part=positioner]:is([data-layout=drill],[data-layout=tree]){inline-size:max(var(--slotted-positioner-anchor-width, 0px),var(--_column-measure));max-inline-size:var(--slotted-positioner-available-width, 100vw)}[data-ui=cascader]:is([data-part=positioner],[data-part=content])[data-size=sm]{--_item-inset: calc(var(--slotted-control-padding-inline-sm, .625rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-sm, 30px);--_content-font-size: var(--slotted-control-font-size-sm, 12px);--_secondary-font-size: var(--slotted-font-size-xs, .75rem);--_content-icon-size: var(--slotted-control-icon-size-sm, 14px);--_check-size: var(--slotted-selection-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, .375rem)}[data-ui=cascader]:is([data-part=positioner],[data-part=content])[data-size=lg]{--_item-inset: calc(var(--slotted-control-padding-inline-lg, 1rem) - var(--_inset-inline));--_item-height: var(--slotted-control-height-lg, 38px);--_content-font-size: var(--slotted-control-font-size-lg, 14px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_content-icon-size: var(--slotted-control-icon-size-lg, 18px);--_check-size: var(--slotted-selection-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, .5rem)}[data-ui=cascader]>[data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-shadow:var(--_shadow);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);line-height:var(--_leading);max-block-size:calc(var(--slotted-positioner-available-height, 100vh) - var(--slotted-space-5, .75rem));overflow:hidden;outline:none;pointer-events:auto}[data-ui=cascader]>[data-part=content]:focus-visible{outline:none}[data-ui=cascader][data-part=content]{background:var(--_surface);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans);font-size:var(--_content-font-size);inline-size:fit-content;line-height:var(--_leading);max-inline-size:100%;overflow:hidden}[data-ui=cascader][data-part=content]:has(>[data-part=panel]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=cascader] [data-part=search]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;flex:0 0 auto;gap:var(--_column-gap);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset-inline) + var(--_item-inset))}[data-ui=cascader] [data-part=search]>[data-ui=icon]{--slotted-icon-size: var(--_content-icon-size);color:var(--_muted);flex:none}[data-ui=cascader] [data-part=search-input]{background-color:transparent;border:0;color:inherit;flex:1 1 auto;font:inherit;min-inline-size:0;outline:none;padding:0;text-overflow:ellipsis}[data-ui=cascader] [data-part=search-input]::placeholder{color:var(--_muted);text-overflow:ellipsis}[data-ui=cascader] [data-part=breadcrumb]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);color:var(--_muted);display:flex;flex:0 0 auto;font-size:var(--_secondary-font-size);gap:var(--slotted-space-1, .125rem);line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden;padding-block:var(--slotted-space-2, .25rem);padding-inline:calc(var(--_inset-inline) + var(--_item-inset) - var(--slotted-space-2, .25rem));white-space:nowrap}[data-ui=cascader] [data-part=breadcrumb]>[data-ui=icon]{--slotted-icon-size: var(--_secondary-font-size);flex:none}[data-ui=cascader] [data-part=crumb]{appearance:none;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;font:inherit;flex:0 100 auto;max-inline-size:12ch;min-block-size:var(--slotted-target-min, 24px);min-inline-size:3ch;overflow:hidden;padding-block:0;padding-inline:var(--slotted-space-2, .25rem);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader] [data-part=crumb]:hover:not([aria-current]):not(:disabled){background-color:var(--_highlight);color:var(--_text)}[data-ui=cascader] [data-part=crumb]:active:not([aria-current]):not(:disabled){background-color:var(--_highlight-active)}[data-ui=cascader] [data-part=crumb]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=cascader] [data-part=crumb][aria-current]{color:var(--_text);cursor:default;flex-shrink:1;font-weight:var(--slotted-font-weight-semibold, 600);max-inline-size:none}[data-ui=cascader] [data-part=crumb][data-collapsed]{flex:none;min-inline-size:var(--slotted-target-min, 24px)}[data-ui=cascader] [data-part=panel]{display:flex;flex:1 1 auto;min-block-size:0;min-inline-size:0;outline:none}[data-ui=cascader] [data-part=column]{align-content:start;box-sizing:border-box;display:grid;flex:0 1 auto;grid-template-columns:auto auto minmax(0,1fr) auto auto;inline-size:var(--_column-measure);min-inline-size:0;max-block-size:100%;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline)}[data-ui=cascader] [data-part=column]+[data-part=column]{border-inline-start:var(--_border-width) solid var(--_border-color)}[data-ui=cascader]:is([data-layout=drill],[data-layout=tree]) [data-part=column]{flex:1 1 auto;inline-size:auto}[data-ui=cascader] [data-part=column][aria-busy=true]{cursor:progress}[data-ui=cascader] [data-part=node]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--_leading);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:var(--slotted-space-1, .125rem);-webkit-user-select:none;user-select:none;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),box-shadow 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))}[data-ui=cascader][data-layout=tree] [data-part=node]{grid-template-columns:auto auto minmax(0,1fr) auto auto;padding-inline-start:calc(var(--_item-inset) + var(--slotted-cascader-depth, 0) * var(--_indent))}[data-ui=cascader] [data-part=node][data-expanded]{background-color:var(--_path)}[data-ui=cascader] [data-part=node][data-expanded]>[data-part=label]{font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=cascader][data-layout=tree] [data-part=node][data-expanded]{background-color:transparent}[data-ui=cascader] [data-part=node][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-cascader-highlight-ring, var(--slotted-tone-accent-border))}[data-ui=cascader] [data-part=node]:not([data-disabled]):active{background-color:var(--_highlight-active)}[data-ui=cascader] [data-part=node][data-selected]{color:var(--_selected-color)}[data-ui=cascader] [data-part=node][data-selected]>[data-part=label]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=cascader] [data-part=node][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=cascader] [data-part=node][data-disabled][data-current]{box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-disabled-border, #cbd5e1)}[data-ui=cascader] [data-part=node]>:is([data-part=indicator],[data-part=icon],[data-part=expander]){block-size:1lh}[data-ui=cascader] [data-part=node]>[data-part=icon]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:2;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;margin-inline-end:var(--_column-gap)}[data-ui=cascader] [data-part=node]>[data-part=icon]>*{font-size:var(--_content-icon-size)}[data-ui=cascader] [data-part=node]>[data-part=label]{display:-webkit-box;grid-column:3;grid-row:1;min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}[data-ui=cascader] [data-part=node]>[data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;grid-row:2;line-height:var(--_secondary-leading);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=cascader] [data-part=node][data-disabled]>[data-part=description]{color:inherit}[data-ui=cascader] [data-part=node]>[data-part=meta]{color:var(--_muted);font-size:var(--_secondary-font-size);font-variant-numeric:tabular-nums;grid-column:4;grid-row:1;justify-self:end;margin-inline-start:var(--_column-gap);white-space:nowrap}[data-ui=cascader] [data-part=node][data-selected]>[data-part=meta],[data-ui=cascader] [data-part=node][data-indeterminate]>[data-part=meta]{color:var(--_selected-color)}[data-ui=cascader] [data-part=node]>[data-part=expander]{--slotted-icon-size: var(--_content-icon-size);align-items:center;color:var(--_muted);display:flex;grid-column:5;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader] [data-part=node]:is([data-expanded],[data-current])>[data-part=expander]{color:inherit}[data-ui=cascader] [data-part=node]>[data-part=expander]>[data-ui=icon]{transition:rotate var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-layout=tree] [data-part=node][data-expanded]>[data-part=expander]>[data-ui=icon]{rotate:90deg}[data-ui=cascader] [data-part=expander]>[data-ui=spinner]{--slotted-spinner-size: var(--_content-icon-size)}[data-ui=cascader] [data-part=node]>[data-part=indicator]{--slotted-icon-size: var(--_content-icon-size);align-items:center;display:flex;grid-column:5;grid-row:1;inline-size:var(--_content-icon-size);justify-content:center;justify-self:end;margin-inline-start:var(--_column-gap);opacity:0;scale:.8;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),scale var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui=cascader] [data-part=node][data-selected]>[data-part=indicator]{opacity:1;scale:1;transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),scale var(--slotted-duration-short) var(--slotted-easing-enter)}[data-ui=cascader][data-selection=multiple] [data-part=node]>[data-part=indicator]{--_mark-inset: var(--slotted-cascader-mark-inset, 2px);--_check-border: var(--slotted-border-width-medium, 1.5px);--slotted-icon-size: calc(var(--_check-size) - 2 * var(--_mark-inset));align-self:center;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;grid-column:1;inline-size:var(--_check-size);justify-self:start;margin-inline-end:var(--_column-gap);margin-inline-start:0;opacity:1;position:relative;scale:1;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=cascader][data-selection=multiple] [data-part=node]>[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),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=cascader][data-selection=multiple] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=indicator]{background-color:var(--slotted-tone-accent-solid);border-color:var(--slotted-tone-accent-solid)}[data-ui=cascader][data-selection=multiple] [data-part=node]:is([data-selected],[data-indeterminate])>[data-part=indicator]>[data-ui=icon]{clip-path:inset(0% 0% 0% 0%);opacity:1}[data-ui=cascader][data-selection=multiple] [data-part=node][data-disabled]>[data-part=indicator]{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText)}[data-ui=cascader] [data-part=loader]{align-items:center;display:flex;grid-column:1 / -1;min-block-size:var(--_item-height);padding-inline:var(--_item-inset)}[data-ui=cascader] [data-part=loader]>[data-ui=skeleton]{flex:1 1 auto}[data-ui=cascader] [data-part=loader]:nth-child(3n+2)>[data-ui=skeleton]{flex:0 1 78%}[data-ui=cascader] [data-part=loader]:nth-child(3n)>[data-ui=skeleton]{flex:0 1 56%}[data-ui=cascader] :is([data-part=empty],[data-part=status]){align-items:center;color:var(--_muted);display:flex;flex-direction:column;gap:var(--slotted-space-2, .25rem);grid-column:1 / -1;min-inline-size:min(10rem,100%);padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui=cascader] [data-part=status]:empty{display:none}@media(forced-colors:active){[data-ui=cascader] [data-part=node][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=cascader] [data-part=node][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui=cascader] [data-part=node][data-expanded]:not([data-current]){outline:1px solid CanvasText;outline-offset:-1px}}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CASCADER_DEFAULTS, CASCADER_FALLBACK, SlCascader, SlCascaderNode, SlCascaderPanel, injectCascaderDefaults, provideCascaderDefaults };
+//# sourceMappingURL=slotted-angular-cascader.mjs.map