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

package/fesm2022/slotted-angular-command-palette.mjs

@@ -0,0 +1,1283 @@
+import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, TemplateRef, Directive, booleanAttribute, numberAttribute, DestroyRef, ElementRef, HostAttributeToken, input, model, output, contentChild, viewChild, computed, signal, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { SlDialog, SlDialogTitle } from '@slotted/angular/dialog';
+import { SlHighlight } from '@slotted/angular/highlight';
+import { injectMessages, injectLocale } from '@slotted/angular/i18n';
+import { injectKbdPlatform, SlShortcut } from '@slotted/angular/kbd';
+import { moveIndex, splitByMatch } from '@slotted/core/collection';
+import { createCommandRanker, resolveCommands, pushRecent } from '@slotted/core/commands';
+import { commandPaletteMessages } from '@slotted/core/i18n';
+import { parseShortcut, canonicalKey, matchesShortcut, isEditableTarget } from '@slotted/core/keys';
+import { getLiveAnnouncer } from '@slotted/core/live-announcer';
+import { createControllable } from '@slotted/core/state';
+
+/**
+ * The numbers, and why they are these numbers: the React binding's
+ * `COMMAND_PALETTE_FALLBACK` records them, and the two lists are one list.
+ */
+const COMMAND_PALETTE_FALLBACK = {
+    presentation: 'dialog',
+    size: 'md',
+    outsidePress: 'close',
+    loop: true,
+    autoHighlight: true,
+    closeOnSelect: true,
+    clearOnClose: true,
+    highlightMatch: true,
+    hotkey: 'mod+k',
+    recentLimit: 5,
+};
+const COMMAND_PALETTE_DEFAULTS = new InjectionToken('COMMAND_PALETTE_DEFAULTS', { providedIn: 'root', factory: () => COMMAND_PALETTE_FALLBACK });
+/**
+ * The decisions an application takes once. The sentences the family speaks
+ * come from the language in force (`provideSlotted`).
+ */
+function provideCommandPaletteDefaults(defaults) {
+    return {
+        provide: COMMAND_PALETTE_DEFAULTS,
+        useValue: { ...COMMAND_PALETTE_FALLBACK, ...defaults },
+    };
+}
+function injectCommandPaletteDefaults() {
+    return inject(COMMAND_PALETTE_DEFAULTS);
+}
+
+/**
+ * A search that executes.
+ *
+ * `<sl-command-palette>` is written in place and its template holds the
+ * `<sl-dialog>` — the layer, the scrim, the focus containment and the
+ * dismissal are the dialog family's, as `upload-viewer` composes them — or,
+ * under `presentation="inline"`, the panel itself. DOM focus stays on the
+ * input and the list is walked with `aria-activedescendant`, the model
+ * `combobox` uses. Which rows are drawn, in which order, is
+ * `@slotted/core/commands`, the same function the React binding asks.
+ */
+let nextId = 0;
+/**
+ * The shortcut as `aria-keyshortcuts` states it; a sequence is drawn only.
+ *
+ * The attribute's grammar is the UI Events `key` values — `Control`, `Alt`,
+ * `Meta`, `Shift` — which a screen reader parses and speaks in its own
+ * language. They are tokens rather than words, so they stay out of the
+ * catalog: a translated or platform-named modifier (`Option`, `Command`) is
+ * not a value the attribute accepts.
+ */
+function announceShortcut(keys, platform) {
+    const steps = parseShortcut(keys);
+    if (steps.length !== 1)
+        return null;
+    return (steps[0]
+        ?.map((token) => {
+        const canonical = canonicalKey(token);
+        if (canonical === 'mod')
+            return platform === 'mac' ? 'Meta' : 'Control';
+        if (canonical === 'ctrl')
+            return 'Control';
+        const word = canonical ?? token;
+        return word.length === 1 ? word.toUpperCase() : `${word[0]?.toUpperCase()}${word.slice(1)}`;
+    })
+        .join('+') ?? null);
+}
+/** The content of a row, written by the consumer on an `ng-template`. */
+class SlCommandPaletteItem {
+    template = inject(TemplateRef);
+    /* Types the template's context, so `let-item` is an `Item` in the template. */
+    static ngTemplateContextGuard(_directive, context) {
+        return context !== null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCommandPaletteItem, isStandalone: true, selector: "ng-template[slCommandPaletteItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteItem, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slCommandPaletteItem]', standalone: true }]
+        }] });
+/** The footer's content, in place of the family's hints. */
+class SlCommandPaletteFooter {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCommandPaletteFooter, isStandalone: true, selector: "ng-template[slCommandPaletteFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteFooter, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slCommandPaletteFooter]', standalone: true }]
+        }] });
+/** The empty message, in place of the catalog's `empty`. */
+class SlCommandPaletteEmpty {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCommandPaletteEmpty, isStandalone: true, selector: "ng-template[slCommandPaletteEmpty]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteEmpty, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slCommandPaletteEmpty]', standalone: true }]
+        }] });
+class SlCommandPalette {
+    static flag(value) {
+        return value === undefined ? undefined : booleanAttribute(value);
+    }
+    static count(value) {
+        return value === undefined ? undefined : numberAttribute(value);
+    }
+    defaults = injectCommandPaletteDefaults();
+    platformOf = injectKbdPlatform();
+    document = inject(DOCUMENT);
+    destroyRef = inject(DestroyRef);
+    host = inject(ElementRef).nativeElement;
+    baseId = inject(new HostAttributeToken('id'), { optional: true }) ?? `sl-command-palette-${nextId++}`;
+    inputId = `${this.baseId}-input`;
+    listId = `${this.baseId}-list`;
+    /* ── Inputs ───────────────────────────────────────────────────────────── */
+    items = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    groups = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+    /** The adapter. Absent takes the core ranker; `null` shows the items as they came. */
+    rank = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rank" }] : /* istanbul ignore next */ []));
+    /** BCP 47, for the comparison the default ranker makes. Defaults to the language in force. */
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    limit = input(undefined, { ...(ngDevMode ? { debugName: "limit" } : /* istanbul ignore next */ {}), transform: SlCommandPalette.count });
+    presentation = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []));
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    outsidePress = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "outsidePress" }] : /* istanbul ignore next */ []));
+    loop = input(undefined, { ...(ngDevMode ? { debugName: "loop" } : /* istanbul ignore next */ {}), transform: SlCommandPalette.flag });
+    autoHighlight = input(undefined, { ...(ngDevMode ? { debugName: "autoHighlight" } : /* istanbul ignore next */ {}), transform: SlCommandPalette.flag });
+    closeOnSelect = input(undefined, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), transform: SlCommandPalette.flag });
+    clearOnClose = input(undefined, { ...(ngDevMode ? { debugName: "clearOnClose" } : /* istanbul ignore next */ {}), transform: SlCommandPalette.flag });
+    highlightMatch = input(undefined, { ...(ngDevMode ? { debugName: "highlightMatch" } : /* istanbul ignore next */ {}), transform: SlCommandPalette.flag });
+    /** `null` turns the hotkey off; absent takes the provider's. */
+    hotkey = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hotkey" }] : /* istanbul ignore next */ []));
+    recentLimit = input(undefined, { ...(ngDevMode ? { debugName: "recentLimit" } : /* istanbul ignore next */ {}), transform: SlCommandPalette.count });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** A parent for the layer alone, instead of the portal root the dialog makes beside this host. */
+    container = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
+    /** Removes the footer. An `ng-template[slCommandPaletteFooter]` replaces it instead. */
+    hideFooter = input(false, { ...(ngDevMode ? { debugName: "hideFooter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * dialog's name (`label`), the input's name and placeholder, the empty,
+     * loading, count and error sentences, the recents heading, the clear, close
+     * and back controls, and the footer's hints.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /* ── The five values ──────────────────────────────────────────────────── */
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    openChangeRequest = output();
+    query = model('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    queryChangeRequest = output();
+    highlightedId = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "highlightedId" }] : /* istanbul ignore next */ []));
+    highlightedIdChangeRequest = output();
+    pages = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
+    pagesChangeRequest = output();
+    recent = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "recent" }] : /* istanbul ignore next */ []));
+    recentChangeRequest = output();
+    /** Every executed item, after the item's own handler. */
+    select = output();
+    /* ── Content ──────────────────────────────────────────────────────────── */
+    itemTemplate = contentChild((SlCommandPaletteItem), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemTemplate" }] : /* istanbul ignore next */ []));
+    footerTemplate = contentChild(SlCommandPaletteFooter, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "footerTemplate" }] : /* istanbul ignore next */ []));
+    emptyTemplate = contentChild(SlCommandPaletteEmpty, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emptyTemplate" }] : /* istanbul ignore next */ []));
+    /** The layer, while there is one; the trigger registers itself on it. */
+    dialog = viewChild(SlDialog, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dialog" }] : /* istanbul ignore next */ []));
+    field = viewChild('field', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
+    list = viewChild('list', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "list" }] : /* istanbul ignore next */ []));
+    /* ── Resolution ───────────────────────────────────────────────────────── */
+    resolvedPresentation = computed(() => this.presentation() ?? this.defaults.presentation, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedPresentation" }] : /* istanbul ignore next */ []));
+    inline = computed(() => this.resolvedPresentation() === 'inline', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inline" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedOutsidePress = computed(() => this.outsidePress() ?? this.defaults.outsidePress, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedOutsidePress" }] : /* istanbul ignore next */ []));
+    resolvedLoop = computed(() => this.loop() ?? this.defaults.loop, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLoop" }] : /* istanbul ignore next */ []));
+    resolvedAutoHighlight = computed(() => this.autoHighlight() ?? this.defaults.autoHighlight, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedAutoHighlight" }] : /* istanbul ignore next */ []));
+    resolvedCloseOnSelect = computed(() => this.closeOnSelect() ?? this.defaults.closeOnSelect, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedCloseOnSelect" }] : /* istanbul ignore next */ []));
+    resolvedClearOnClose = computed(() => this.clearOnClose() ?? this.defaults.clearOnClose, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedClearOnClose" }] : /* istanbul ignore next */ []));
+    resolvedHighlightMatch = computed(() => this.highlightMatch() ?? this.defaults.highlightMatch, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedHighlightMatch" }] : /* istanbul ignore next */ []));
+    resolvedHotkey = computed(() => {
+        const own = this.hotkey();
+        return own === undefined ? this.defaults.hotkey : own;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedHotkey" }] : /* istanbul ignore next */ []));
+    resolvedRecentLimit = computed(() => this.recentLimit() ?? this.defaults.recentLimit, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedRecentLimit" }] : /* istanbul ignore next */ []));
+    /** The family's words in the language in force, with this palette's `messages` laid over them. */
+    t = injectMessages(commandPaletteMessages, this.messages);
+    appLocale = injectLocale();
+    resolvedLocale = computed(() => this.locale() ?? this.appLocale(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLocale" }] : /* istanbul ignore next */ []));
+    /** Open for the stylesheet and the dialog: an inline palette is always open. */
+    isOpen = computed(() => this.inline() || this.open(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    inputElement = computed(() => this.field()?.nativeElement ?? undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputElement" }] : /* istanbul ignore next */ []));
+    /* ── The rows ─────────────────────────────────────────────────────────── */
+    ranker = computed(() => {
+        const own = this.rank();
+        return own === undefined ? createCommandRanker({ locale: this.resolvedLocale() }) : own;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ranker" }] : /* istanbul ignore next */ []));
+    rows = computed(() => resolveCommands({
+        items: this.items(),
+        query: this.query(),
+        pages: this.pages(),
+        recent: this.recent(),
+        groups: this.groups(),
+        rank: this.ranker(),
+        limit: this.limit(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    rowIds = computed(() => this.rows().rows.map((item) => item.id), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowIds" }] : /* istanbul ignore next */ []));
+    enabled = computed(() => this.rows().rows.map((item) => item.disabled !== true), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
+    isEmpty = computed(() => !this.loading() && this.rows().count === 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
+    activeDescendant = computed(() => {
+        const id = this.highlightedId();
+        return id === null ? null : this.domId(id);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeDescendant" }] : /* istanbul ignore next */ []));
+    pending = signal(new Set(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []));
+    error = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    status = computed(() => {
+        if (this.loading())
+            return this.t('loading');
+        const failure = this.error();
+        if (failure !== null)
+            return this.t('error', { message: failure });
+        return this.t('count', { count: this.rows().count });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    constructor() {
+        /* Where the highlight stands once the rows have changed: on the row it was
+           on, on the first enabled row with autoHighlight, and nowhere otherwise. */
+        effect(() => {
+            if (!this.isOpen())
+                return;
+            const ids = this.rowIds();
+            const enabled = this.enabled();
+            const current = this.highlightedId();
+            const at = current === null ? -1 : ids.indexOf(current);
+            if (at !== -1 && enabled[at] === true)
+                return;
+            const first = this.resolvedAutoHighlight()
+                ? moveIndex({ enabled, from: -1, intent: 'first', loop: false })
+                : -1;
+            untracked(() => this.setHighlighted(first === -1 ? null : (ids[first] ?? null), 'programmatic'));
+        });
+        /* The row the highlight is on scrolls into view; it holds no focus. */
+        effect(() => {
+            const id = this.highlightedId();
+            if (id === null)
+                return;
+            const node = this.list()?.nativeElement.querySelector(`#${CSS.escape(this.domId(id))}`);
+            if (typeof node?.scrollIntoView === 'function')
+                node.scrollIntoView({ block: 'nearest' });
+        });
+        /* Closing puts the palette back where it started, each value by its own
+           request, so a consumer owning one of them hears about it. */
+        let wasOpen = untracked(() => this.isOpen());
+        effect(() => {
+            const open = this.isOpen();
+            if (wasOpen && !open && untracked(() => this.resolvedClearOnClose())) {
+                untracked(() => {
+                    this.setQuery('', 'programmatic');
+                    this.setPages([], 'programmatic');
+                    this.setHighlighted(null, 'programmatic');
+                });
+            }
+            wasOpen = open;
+        });
+        /* The count, the wait and the failure, said once each. */
+        effect(() => {
+            if (!this.isOpen())
+                return;
+            const message = this.status();
+            getLiveAnnouncer(this.document).announce(message);
+        });
+        /* A failure belongs to the moment it happened: typing or turning a page clears it. */
+        effect(() => {
+            this.query();
+            this.pages();
+            untracked(() => this.error.set(null));
+        });
+        /* The hotkey, on the document, in the capture phase. */
+        const onKey = (event) => {
+            const keys = this.resolvedHotkey();
+            if (keys === null || this.inline() || this.disabled())
+                return;
+            const platform = this.platformOf();
+            if (!matchesShortcut(event, keys, platform))
+                return;
+            const bare = parseShortcut(keys)[0]?.every((token) => !['mod', 'meta', 'ctrl', 'alt'].includes(canonicalKey(token) ?? ''));
+            if (bare === true && isEditableTarget(event))
+                return;
+            event.preventDefault();
+            if (this.isOpen()) {
+                this.focus();
+                return;
+            }
+            this.setOpen(true, 'keyboard', event);
+        };
+        this.document.addEventListener('keydown', onKey, true);
+        this.destroyRef.onDestroy(() => this.document.removeEventListener('keydown', onKey, true));
+    }
+    /* ── Requests ─────────────────────────────────────────────────────────── */
+    setOpen(next, reason, source) {
+        if (this.inline() || next === this.open())
+            return;
+        const state = createControllable({
+            initial: this.open(),
+            onRequest: (request) => this.openChangeRequest.emit(request),
+        });
+        if (state.request(next, reason, source))
+            this.open.set(next);
+    }
+    setQuery(next, reason, source) {
+        if (next === this.query())
+            return;
+        const state = createControllable({
+            initial: this.query(),
+            onRequest: (request) => this.queryChangeRequest.emit(request),
+        });
+        if (state.request(next, reason, source))
+            this.query.set(next);
+    }
+    setHighlighted(next, reason, source) {
+        if (next === this.highlightedId())
+            return;
+        const state = createControllable({
+            initial: this.highlightedId(),
+            onRequest: (request) => this.highlightedIdChangeRequest.emit(request),
+        });
+        if (state.request(next, reason, source))
+            this.highlightedId.set(next);
+    }
+    setPages(next, reason, source) {
+        const current = this.pages();
+        if (next.length === current.length && next.every((id, index) => id === current[index]))
+            return;
+        const state = createControllable({
+            initial: current,
+            onRequest: (request) => this.pagesChangeRequest.emit(request),
+            equals: () => false,
+        });
+        if (state.request(next, reason, source))
+            this.pages.set(next);
+    }
+    setRecent(next, source) {
+        const state = createControllable({
+            initial: this.recent(),
+            onRequest: (request) => this.recentChangeRequest.emit(request),
+            equals: (a, b) => a.length === b.length && a.every((id, index) => id === b[index]),
+        });
+        if (state.request(next, 'select', source))
+            this.recent.set(next);
+    }
+    /* ── The handle ───────────────────────────────────────────────────────── */
+    openPalette() {
+        this.setOpen(true, 'programmatic');
+    }
+    close() {
+        this.setOpen(false, 'programmatic');
+    }
+    toggle() {
+        this.setOpen(!this.open(), 'programmatic');
+    }
+    /** Focuses the input and selects the query. */
+    focus() {
+        const node = this.field()?.nativeElement;
+        if (node === undefined)
+            return;
+        node.focus();
+        node.select();
+    }
+    /** Highlights the row with this id and scrolls it into view. */
+    scrollToId(id) {
+        this.setHighlighted(id, 'programmatic');
+    }
+    /* ── Executing ────────────────────────────────────────────────────────── */
+    execute(item, reason, source) {
+        if (item.disabled === true || this.pending().has(item.id))
+            return;
+        if (item.children !== undefined) {
+            this.setPages([...this.pages(), item.id], reason === 'pointer' ? 'pointer' : 'select', source);
+            this.setQuery('', 'select', source);
+            return;
+        }
+        let keep = false;
+        const request = {
+            item,
+            reason,
+            source,
+            keepOpen: () => {
+                keep = true;
+            },
+        };
+        const finish = () => {
+            this.setRecent(pushRecent(this.recent(), item.id, this.resolvedRecentLimit()), source);
+            this.select.emit(request);
+            if (this.resolvedCloseOnSelect() && !keep)
+                this.setOpen(false, 'select', source);
+        };
+        const settle = () => {
+            this.pending.update((previous) => {
+                const next = new Set(previous);
+                next.delete(item.id);
+                return next;
+            });
+        };
+        let outcome;
+        try {
+            outcome = item.onSelect?.(request);
+        }
+        catch (thrown) {
+            this.error.set(thrown instanceof Error ? thrown.message : String(thrown));
+            return;
+        }
+        if (outcome instanceof Promise) {
+            this.error.set(null);
+            this.pending.update((previous) => new Set(previous).add(item.id));
+            void outcome.then(() => {
+                settle();
+                finish();
+            }, (thrown) => {
+                settle();
+                this.error.set(thrown instanceof Error ? thrown.message : String(thrown));
+            });
+            return;
+        }
+        finish();
+    }
+    /* ── Template helpers ─────────────────────────────────────────────────── */
+    domId(id) {
+        return `${this.baseId}-${id.replace(/[^\w-]/g, (character) => `_${character.charCodeAt(0).toString(16)}`)}`;
+    }
+    headingOf(section) {
+        return section.recent ? this.t('recent') : section.label;
+    }
+    /** Whether the rows mark the query: the family's own switch, and a query to mark. */
+    marking = computed(() => this.resolvedHighlightMatch() && this.query().trim() !== '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "marking" }] : /* istanbul ignore next */ []));
+    /**
+     * The runs of a row's label, handed to a consumer's own row template as
+     * `runs`. The default row renders the `highlight` family instead; the
+     * context keeps the runs for a template written before wave 10.
+     */
+    runsOf(item) {
+        const query = this.query();
+        if (!this.resolvedHighlightMatch() || query.trim() === '') {
+            return [{ text: item.label, matched: false }];
+        }
+        return splitByMatch(item.label, query, { locale: this.resolvedLocale() });
+    }
+    keyshortcuts(item) {
+        if (item.children !== undefined || item.shortcut === undefined)
+            return null;
+        return announceShortcut(item.shortcut, this.platformOf());
+    }
+    onInput(event) {
+        this.setQuery(event.target.value, 'keyboard', event);
+    }
+    clear(event) {
+        this.setQuery('', 'clear', event);
+        this.field()?.nativeElement.focus();
+    }
+    returnTo(index, event) {
+        this.setPages(this.pages().slice(0, index + 1), 'pointer', event);
+    }
+    hover(item, event) {
+        if (item.disabled === true)
+            return;
+        this.setHighlighted(item.id, 'pointer', event);
+    }
+    press(item, event) {
+        if (item.disabled === true || this.pending().has(item.id)) {
+            event.preventDefault();
+            return;
+        }
+        /* A link with a modifier is the browser's: a new tab, a download. */
+        if (item.href !== undefined && (event.metaKey || event.ctrlKey || event.shiftKey))
+            return;
+        this.execute(item, 'pointer', event);
+    }
+    onDialogRequest(request) {
+        const reason = request.reason === 'outsidePress' || request.reason === 'escape'
+            ? request.reason
+            : request.reason === 'pointer' || request.reason === 'keyboard'
+                ? request.reason
+                : 'dismiss';
+        const state = createControllable({
+            initial: this.open(),
+            onRequest: (own) => this.openChangeRequest.emit(own),
+        });
+        if (!state.request(request.value, reason, request.source)) {
+            request.cancel();
+            return;
+        }
+        this.open.set(request.value);
+    }
+    move(intent, event) {
+        const ids = this.rowIds();
+        const current = this.highlightedId();
+        const from = current === null ? -1 : ids.indexOf(current);
+        const paged = intent === 'pageDown' || intent === 'pageUp';
+        const next = moveIndex({
+            enabled: this.enabled(),
+            from,
+            intent,
+            loop: this.resolvedLoop() && !paged,
+        });
+        event.preventDefault();
+        if (next === -1)
+            return;
+        this.setHighlighted(ids[next] ?? null, 'keyboard', event);
+    }
+    onKeyDown(event) {
+        if (event.isComposing)
+            return;
+        switch (event.key) {
+            case 'ArrowDown':
+                this.move('next', event);
+                return;
+            case 'ArrowUp':
+                this.move('previous', event);
+                return;
+            case 'PageDown':
+                this.move('pageDown', event);
+                return;
+            case 'PageUp':
+                this.move('pageUp', event);
+                return;
+            case 'Home':
+                if (event.ctrlKey)
+                    this.move('first', event);
+                return;
+            case 'End':
+                if (event.ctrlKey)
+                    this.move('last', event);
+                return;
+            case 'Enter': {
+                const id = this.highlightedId();
+                const item = id === null ? undefined : this.rows().rows.find((row) => row.id === id);
+                if (item === undefined)
+                    return;
+                event.preventDefault();
+                if (item.href !== undefined) {
+                    const node = this.list()?.nativeElement.querySelector(`#${CSS.escape(this.domId(item.id))}`);
+                    if (event.metaKey || event.ctrlKey || event.shiftKey) {
+                        node?.dispatchEvent(new MouseEvent('click', {
+                            bubbles: true,
+                            cancelable: true,
+                            metaKey: event.metaKey,
+                            ctrlKey: event.ctrlKey,
+                            shiftKey: event.shiftKey,
+                        }));
+                        return;
+                    }
+                    this.execute(item, 'keyboard', event);
+                    node?.click();
+                    return;
+                }
+                this.execute(item, 'keyboard', event);
+                return;
+            }
+            case 'Escape':
+                if (this.query() !== '') {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this.setQuery('', 'clear', event);
+                    return;
+                }
+                if (this.pages().length > 0) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this.setPages(this.pages().slice(0, -1), 'keyboard', event);
+                    return;
+                }
+                if (!this.inline()) {
+                    event.preventDefault();
+                    this.setOpen(false, 'escape', event);
+                }
+                return;
+            case 'Backspace':
+                if (this.query() === '' && this.pages().length > 0) {
+                    event.preventDefault();
+                    this.setPages(this.pages().slice(0, -1), 'keyboard', event);
+                }
+                return;
+            default:
+                return;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPalette, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCommandPalette, isStandalone: true, selector: "sl-command-palette", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, rank: { classPropertyName: "rank", publicName: "rank", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null }, presentation: { classPropertyName: "presentation", publicName: "presentation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, outsidePress: { classPropertyName: "outsidePress", publicName: "outsidePress", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, autoHighlight: { classPropertyName: "autoHighlight", publicName: "autoHighlight", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, clearOnClose: { classPropertyName: "clearOnClose", publicName: "clearOnClose", isSignal: true, isRequired: false, transformFunction: null }, highlightMatch: { classPropertyName: "highlightMatch", publicName: "highlightMatch", isSignal: true, isRequired: false, transformFunction: null }, hotkey: { classPropertyName: "hotkey", publicName: "hotkey", isSignal: true, isRequired: false, transformFunction: null }, recentLimit: { classPropertyName: "recentLimit", publicName: "recentLimit", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, hideFooter: { classPropertyName: "hideFooter", publicName: "hideFooter", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, highlightedId: { classPropertyName: "highlightedId", publicName: "highlightedId", isSignal: true, isRequired: false, transformFunction: null }, pages: { classPropertyName: "pages", publicName: "pages", isSignal: true, isRequired: false, transformFunction: null }, recent: { classPropertyName: "recent", publicName: "recent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openChangeRequest: "openChangeRequest", query: "queryChange", queryChangeRequest: "queryChangeRequest", highlightedId: "highlightedIdChange", highlightedIdChangeRequest: "highlightedIdChangeRequest", pages: "pagesChange", pagesChangeRequest: "pagesChangeRequest", recent: "recentChange", recentChangeRequest: "recentChangeRequest", select: "select" }, host: { properties: { "style.display": "'contents'" } }, queries: [{ propertyName: "itemTemplate", first: true, predicate: (SlCommandPaletteItem), descendants: true, isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: SlCommandPaletteFooter, descendants: true, isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: SlCommandPaletteEmpty, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dialog", first: true, predicate: SlDialog, descendants: true, isSignal: true }, { propertyName: "field", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "list", first: true, predicate: ["list"], descendants: true, isSignal: true }], exportAs: ["slCommandPalette"], ngImport: i0, template: `
+    @if (inline()) {
+      <ng-container *ngTemplateOutlet="panel" />
+    } @else {
+      <sl-dialog
+        [open]="isOpen()"
+        (openChangeRequest)="onDialogRequest($event)"
+        [container]="container()"
+        [size]="resolvedSize()"
+        [outsidePress]="resolvedOutsidePress()"
+        [initialFocus]="inputElement()"
+        escape="none"
+        fullScreen="narrow"
+        placement="top"
+        surface="plain"
+      >
+        <!-- The dialog takes its name from a title it points at; the title is
+             read by assistive technology and hidden from the eye, because the
+             field under it is the name a reader sees. -->
+        <h2 slDialogTitle hidden>{{ t('label') }}</h2>
+        <ng-container *ngTemplateOutlet="panel" />
+      </sl-dialog>
+    }
+
+    <ng-template #panel>
+      <div
+        data-ui="command-palette"
+        data-part="root"
+        [attr.data-presentation]="resolvedPresentation()"
+        [attr.data-size]="resolvedSize()"
+        [attr.data-open]="isOpen() ? '' : null"
+        [attr.data-loading]="loading() ? '' : null"
+        [attr.data-disabled]="disabled() ? '' : null"
+        [attr.data-query]="query() === '' ? null : ''"
+        [attr.data-empty]="isEmpty() ? '' : null"
+      >
+        <div data-part="header">
+          @if (loading()) {
+            <span data-part="busy" data-ui="spinner" aria-hidden="true"></span>
+          } @else {
+            <span data-part="search" aria-hidden="true"
+              ><span slIcon><svg slGlyph name="search"></svg></span
+            ></span>
+          }
+          @if (rows().trail.length > 0) {
+            <ol data-part="pages" [attr.aria-label]="t('back')">
+              @for (entry of rows().trail; track entry.id; let index = $index) {
+                <li>
+                  <!-- The chevron between two pages, mirrored in a right-to-left document. -->
+                  @if (index > 0) {
+                    <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
+                  }
+                  <button data-part="page" type="button" (click)="returnTo(index, $event)">
+                    <span>{{ entry.label }}</span>
+                  </button>
+                </li>
+              }
+            </ol>
+          }
+          <input
+            #field
+            data-part="input"
+            type="text"
+            role="combobox"
+            aria-expanded="true"
+            aria-autocomplete="list"
+            autocomplete="off"
+            spellcheck="false"
+            [id]="inputId"
+            [attr.aria-label]="t('input')"
+            [attr.aria-controls]="listId"
+            [attr.aria-activedescendant]="activeDescendant()"
+            [attr.placeholder]="t('placeholder')"
+            [disabled]="disabled()"
+            [value]="query()"
+            (input)="onInput($event)"
+            (keydown)="onKeyDown($event)"
+          />
+          <button
+            data-part="clear"
+            type="button"
+            tabindex="-1"
+            [attr.aria-label]="t('clear')"
+            (click)="clear($event)"
+          >
+            <span slIcon><svg slGlyph name="x"></svg></span>
+          </button>
+          @if (!inline()) {
+            <!-- The way out where the scrim is not: shown by the stylesheet
+                 under the dialog's full-screen query alone. -->
+            <button data-part="close" type="button" (click)="setOpen(false, 'dismiss', $event)">
+              {{ t('close') }}
+            </button>
+          }
+        </div>
+
+        <div
+          #list
+          data-part="list"
+          role="listbox"
+          [id]="listId"
+          [attr.aria-label]="t('input')"
+          [attr.aria-busy]="loading() ? 'true' : null"
+          [attr.data-loading]="loading() ? '' : null"
+        >
+          @if (loading() && rows().count === 0) {
+            <div data-part="placeholder" aria-hidden="true">
+              @for (row of [0, 1, 2]; track row) {
+                <div>
+                  <span data-ui="skeleton" data-part="root" data-shape="text" data-loading></span>
+                </div>
+              }
+            </div>
+          }
+          @if (isEmpty()) {
+            <div data-part="empty">
+              @if (emptyTemplate(); as template) {
+                <ng-container *ngTemplateOutlet="template.template" />
+              } @else {
+                {{ t('empty') }}
+              }
+            </div>
+          }
+          @for (section of rows().sections; track $index; let sectionIndex = $index) {
+            @if (sectionIndex > 0) {
+              <div data-part="separator" role="separator"></div>
+            }
+            @if (headingOf(section); as heading) {
+              <div
+                data-part="group"
+                role="group"
+                [attr.aria-labelledby]="baseId + '-group-' + sectionIndex"
+              >
+                <div
+                  data-part="group-label"
+                  role="presentation"
+                  [id]="baseId + '-group-' + sectionIndex"
+                >
+                  {{ heading }}
+                </div>
+                @for (item of section.items; track item.id) {
+                  <ng-container *ngTemplateOutlet="row; context: { $implicit: item }" />
+                }
+              </div>
+            } @else {
+              @for (item of section.items; track item.id) {
+                <ng-container *ngTemplateOutlet="row; context: { $implicit: item }" />
+              }
+            }
+          }
+        </div>
+
+        <div data-part="status" role="status">{{ status() }}</div>
+
+        @if (footerTemplate(); as footer) {
+          <div data-part="footer" aria-hidden="true">
+            <ng-container *ngTemplateOutlet="footer.template" />
+          </div>
+        } @else if (!hideFooter()) {
+          <div data-part="footer" aria-hidden="true">
+            <span data-part="hint">
+              <kbd slShortcut keys="up" separator="" size="inherit" variant="outline"></kbd>
+              <kbd slShortcut keys="down" separator="" size="inherit" variant="outline"></kbd>
+              <span>{{ t('hintNavigate') }}</span>
+            </span>
+            <span data-part="hint">
+              <kbd slShortcut keys="enter" separator="" size="inherit" variant="outline"></kbd>
+              <span>{{ t('hintSelect') }}</span>
+            </span>
+            @if (pages().length > 0) {
+              <span data-part="hint">
+                <kbd
+                  slShortcut
+                  keys="backspace"
+                  separator=""
+                  size="inherit"
+                  variant="outline"
+                ></kbd>
+                <span>{{ t('hintBack') }}</span>
+              </span>
+            }
+            @if (!inline()) {
+              <span data-part="hint">
+                <kbd slShortcut keys="escape" separator="" size="inherit" variant="outline"></kbd>
+                <span>{{ t('hintClose') }}</span>
+              </span>
+            }
+          </div>
+        }
+      </div>
+    </ng-template>
+
+    <ng-template #row let-item>
+      @if (item.href; as href) {
+        <a
+          data-part="item"
+          role="option"
+          [id]="domId(item.id)"
+          [href]="href"
+          [attr.target]="item.target ?? null"
+          [attr.title]="item.label"
+          [attr.aria-selected]="highlightedId() === item.id"
+          [attr.aria-disabled]="item.disabled ? 'true' : null"
+          [attr.aria-busy]="pending().has(item.id) ? 'true' : null"
+          [attr.aria-keyshortcuts]="keyshortcuts(item)"
+          [attr.data-current]="highlightedId() === item.id ? '' : null"
+          [attr.data-disabled]="item.disabled ? '' : null"
+          [attr.data-loading]="pending().has(item.id) ? '' : null"
+          [attr.data-page]="item.children ? '' : null"
+          (pointermove)="hover(item, $event)"
+          (click)="press(item, $event)"
+        >
+          <ng-container *ngTemplateOutlet="cells; context: { $implicit: item }" />
+        </a>
+      } @else {
+        <div
+          data-part="item"
+          role="option"
+          [id]="domId(item.id)"
+          [attr.title]="item.label"
+          [attr.aria-selected]="highlightedId() === item.id"
+          [attr.aria-disabled]="item.disabled ? 'true' : null"
+          [attr.aria-busy]="pending().has(item.id) ? 'true' : null"
+          [attr.aria-keyshortcuts]="keyshortcuts(item)"
+          [attr.data-current]="highlightedId() === item.id ? '' : null"
+          [attr.data-disabled]="item.disabled ? '' : null"
+          [attr.data-loading]="pending().has(item.id) ? '' : null"
+          [attr.data-page]="item.children ? '' : null"
+          (pointermove)="hover(item, $event)"
+          (click)="press(item, $event)"
+        >
+          <ng-container *ngTemplateOutlet="cells; context: { $implicit: item }" />
+        </div>
+      }
+    </ng-template>
+
+    <ng-template #cells let-item>
+      @if (itemTemplate(); as custom) {
+        <ng-container
+          *ngTemplateOutlet="
+            custom.template;
+            context: {
+              $implicit: item,
+              current: highlightedId() === item.id,
+              disabled: item.disabled === true,
+              pending: pending().has(item.id),
+              query: query(),
+              runs: runsOf(item),
+            }
+          "
+        />
+      } @else {
+        <span data-part="icon"></span>
+        <span data-part="label">
+          @if (marking()) {
+            <span
+              slHighlight
+              [text]="item.label"
+              [query]="query()"
+              [locale]="resolvedLocale()"
+            ></span>
+          } @else {
+            {{ item.label }}
+          }
+        </span>
+        @if (item.description; as description) {
+          <span data-part="description">{{ description }}</span>
+        }
+        @if (item.meta; as meta) {
+          <span data-part="meta" aria-hidden="true">{{ meta }}</span>
+        }
+        @if (!item.children && item.shortcut; as shortcut) {
+          <span data-part="shortcut" aria-hidden="true">
+            <kbd slShortcut [keys]="shortcut" size="inherit" separator="" variant="outline"></kbd>
+          </span>
+        }
+        @if (item.children) {
+          <!-- The mark that says the item opens a page, mirrored in a right-to-left document. -->
+          <span data-part="arrow" aria-hidden="true"
+            ><span slIcon directional><svg slGlyph name="chevron-right"></svg></span
+          ></span>
+        }
+        @if (pending().has(item.id)) {
+          <span data-part="busy" data-ui="spinner" aria-hidden="true"></span>
+        }
+      }
+    </ng-template>
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=command-palette]{--_surface: var(--slotted-command-palette-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-command-palette-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-command-palette-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-command-palette-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-command-palette-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-command-palette-shadow, var(--slotted-shadow-lg));--_highlight: var(--slotted-command-palette-highlight, var(--slotted-tone-accent-surface));--_highlight-ring: var( --slotted-command-palette-highlight-ring, var(--slotted-tone-accent-border) );--_hover: var(--slotted-command-palette-hover, var(--slotted-tone-secondary-subtle-hover));--_active: var(--slotted-command-palette-active, var(--slotted-tone-secondary-subtle-active));--_item-height: var(--slotted-control-height-md, 34px);--_item-inset: var(--slotted-control-padding-inline-md, 13px);--_item-radius: var(--slotted-command-palette-item-radius, var(--slotted-control-radius));--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, 8px);--_header-height: var(--slotted-control-height-lg, 38px);--_header-font-size: var(--slotted-control-font-size-lg, 14px);--_header-icon-size: var(--slotted-control-icon-size-lg, 18px);--_header-inset: var(--slotted-control-padding-inline-lg, 16px);--_chip-size: var(--slotted-control-inner-size-md, 24px);--_list-inset: var(--slotted-command-palette-list-padding, var(--slotted-space-2, .25rem));--_list-max: var(--slotted-command-palette-list-max-block-size, 22rem);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);container-name:command-palette;container-type:inline-size;contain-intrinsic-inline-size:var(--slotted-command-palette-measure, 22rem);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);grid-template-rows:auto minmax(0,1fr) auto auto;inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);overflow:clip}[data-ui=command-palette][data-size=sm]{--_item-height: var(--slotted-control-height-sm, 30px);--_item-inset: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, 6px);--_header-height: var(--slotted-control-height-md, 34px);--_header-font-size: var(--slotted-control-font-size-md, 13px);--_header-icon-size: var(--slotted-control-icon-size-md, 16px);--_header-inset: var(--slotted-control-padding-inline-md, 13px);--_chip-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=command-palette][data-size=lg]{--_item-height: var(--slotted-control-height-lg, 38px);--_item-inset: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, 8px);--_header-height: calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-4, .5rem));--_header-font-size: var(--slotted-font-size-lg, 1rem);--_header-icon-size: var(--slotted-control-inner-size-sm, 22px);--_chip-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=command-palette]>[data-part=header]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;gap:var(--_column-gap);min-block-size:var(--_header-height);padding-inline:var(--_header-inset);position:relative}[data-ui=command-palette]>[data-part=header]:has(>[data-part=input]:focus-visible):after{background-color:var(--slotted-focus-ring-color, currentColor);block-size:var(--slotted-focus-ring-width, 2px);content:\"\";inset-block-end:calc(-1 * var(--_border-width));inset-inline:0;pointer-events:none;position:absolute}[data-ui=command-palette] :is([data-part=search],[data-part=busy]){color:var(--_muted);flex:none}[data-ui=command-palette] [data-part=search]{--slotted-icon-size: var(--_header-icon-size);display:flex}[data-ui=command-palette] [data-part=busy]{--slotted-spinner-size: var(--_header-icon-size)}[data-ui=command-palette] [data-part=pages]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem);list-style:none;margin:0;max-inline-size:50%;min-inline-size:0;padding:0}[data-ui=command-palette] [data-part=pages]>li{display:contents}[data-ui=command-palette] [data-part=page]{align-items:center;appearance:none;background-color:var(--slotted-command-palette-page-surface, var(--_hover));block-size:var(--_chip-size);border:0;border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;flex:0 1 auto;font:inherit;font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:1;max-inline-size:100%;min-inline-size:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem);position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));white-space:nowrap}[data-ui=command-palette] [data-part=page]>span{overflow:hidden;text-overflow:ellipsis}[data-ui=command-palette] [data-part=page]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=command-palette] [data-part=page]:not(:disabled):hover{background-color:var(--_active);color:var(--_text)}[data-ui=command-palette] [data-part=page]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=page]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette] [data-part=pages]>li>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted);opacity:.7}[data-ui=command-palette] [data-part=input]{appearance:none;background:transparent;block-size:100%;border:0;box-sizing:border-box;color:var(--_text);flex:1 1 auto;font-family:inherit;font-size:var(--_header-font-size);line-height:inherit;margin:0;min-block-size:var(--_header-height);min-inline-size:0;outline:none;padding:0}[data-ui=command-palette] [data-part=input]::placeholder{color:var(--_muted);opacity:1}[data-ui=command-palette] [data-part=input]:placeholder-shown{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent)}[data-ui=command-palette] [data-part=input]::-webkit-search-cancel-button,[data-ui=command-palette] [data-part=input]::-webkit-search-decoration{appearance:none}[data-ui=command-palette]>[data-part=header]>[data-part=clear]{--_clear-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-md, 24px) );align-items:center;appearance:none;background-color:transparent;block-size:var(--_clear-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_clear-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=command-palette]>[data-part=header]>[data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:has(+[data-part=close]):after{inset-inline-end:0}}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette]:not([data-query])>[data-part=header]>[data-part=clear]{display:none}[data-ui=command-palette]>[data-part=header]>[data-part=close]{align-items:center;appearance:none;background-color:transparent;block-size:var(--slotted-control-height-sm, 30px);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:none;flex:none;font:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium, 500);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);touch-action:manipulation;white-space:nowrap}[data-ui=command-palette]>[data-part=header]>[data-part=close]:not(:disabled):hover{background-color:var(--_hover)}[data-ui=command-palette]>[data-part=header]>[data-part=close]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette]>[data-part=list]{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-content:start;max-block-size:var(--_list-max);outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_list-inset);padding-inline:var(--_list-inset);scroll-padding-block:var(--_list-inset)}[data-ui=command-palette]>[data-part=list][data-loading]{cursor:progress}[data-ui=command-palette] [data-part=group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=command-palette] [data-part=group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=command-palette] [data-part=item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:0;text-decoration:none;-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)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=command-palette] [data-part=item]:not([data-disabled]):not([data-current]):hover{background-color:var(--_hover)}[data-ui=command-palette] [data-part=item]:not([data-disabled]):not([data-current]):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_highlight-ring);transition:none}[data-ui=command-palette] [data-part=item][data-current]:not([data-disabled]):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=command-palette] [data-part=item][data-loading]{cursor:progress}[data-ui=command-palette] [data-part=item]>[data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--_muted);grid-column:5;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui=command-palette] [data-part=icon]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center;justify-self:center;margin-inline-end:calc(var(--_column-gap) + var(--slotted-space-2, .25rem))}[data-ui=command-palette] [data-part=icon]:not(:empty)>*{block-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=command-palette] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=command-palette] [data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=command-palette] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=command-palette] [data-part=item]>:is([data-part=meta],[data-part=shortcut],[data-part=arrow],[data-part=busy]){align-self:center;grid-row:1 / -1}[data-ui=command-palette] [data-part=meta]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui=command-palette] [data-part=item]:not(:has(>[data-part=shortcut]))>[data-part=meta]{grid-column:3 / 5}[data-ui=command-palette] [data-part=item]>[data-part=shortcut]{align-items:center;color:var(--_muted);display:inline-flex;font-size:calc(var(--_secondary-font-size) * .9);grid-column:4;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui=command-palette] [data-part=item][data-disabled]>:is([data-part=meta],[data-part=shortcut]){color:inherit}[data-ui=command-palette] [data-part=arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:5;inline-size:var(--_icon-size);justify-self:end;margin-inline-start:var(--_column-gap);opacity:.7}[data-ui=command-palette]>[data-part=list] [data-part=separator]:not([data-separator]){background-color:var(--slotted-command-palette-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=command-palette] [data-part=empty]{color:var(--_muted);grid-column:1 / -1;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui=command-palette]>[data-part=status]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=command-palette] [data-part=placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=command-palette] [data-part=placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui=command-palette] [data-part=placeholder]>:nth-child(2) [data-ui=skeleton]{inline-size:78%}[data-ui=command-palette] [data-part=placeholder]>:nth-child(3) [data-ui=skeleton]{inline-size:56%}[data-ui=command-palette]>[data-part=footer]{align-items:center;background:var( --slotted-command-palette-footer-surface, var(--slotted-surface-sunken, #f8fafd) );border-block-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);gap:var(--slotted-space-6, 1rem);line-height:var(--slotted-line-height-xs, 1.4);min-block-size:var(--slotted-control-height-sm, 30px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_header-inset)}[data-ui=command-palette]>[data-part=footer]>[data-part=hint]{align-items:center;display:inline-flex;font-size:calc(var(--slotted-font-size-xs, .75rem) * .9);gap:var(--slotted-space-3, .375rem);white-space:nowrap}[data-ui=command-palette]>[data-part=footer]>[data-part=hint]>span:not([data-ui]){font-size:var(--slotted-font-size-xs, .75rem);line-height:1}@container command-palette (max-width: 360px){[data-ui=command-palette] :is([data-part=description],[data-part=meta]){display:none}[data-ui=command-palette] [data-part=pages]{max-inline-size:33%}[data-ui=command-palette]>[data-part=footer]{gap:var(--slotted-space-4, .5rem)}}@container slotted-dialog (max-inline-size: 30rem){[data-ui=command-palette][data-presentation=dialog]{--_list-max: none;border-inline:0;border-radius:0;box-shadow:none;inset:0;position:absolute}[data-ui=command-palette][data-presentation=dialog]>[data-part=header]>[data-part=close]{display:inline-flex}}@media(hover:none)and (pointer:coarse){[data-ui=command-palette]>[data-part=footer]{display:none}}@media(forced-colors:active){[data-ui=command-palette] [data-part=item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=command-palette] [data-part=item][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui=command-palette]>[data-part=header]:has(>[data-part=input]:focus-visible):after{forced-color-adjust:none}}}\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: SlDialog, selector: "sl-dialog", inputs: ["modal", "outsidePress"], exportAs: ["slDialog"] }, { kind: "directive", type: SlDialogTitle, selector: "[slDialogTitle]", exportAs: ["slDialogTitle"] }, { 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"] }, { kind: "component", type: SlShortcut, selector: "kbd[slShortcut]", inputs: ["keys", "platform", "size", "variant", "disabled", "separator", "messages", "legends", "names"], exportAs: ["slShortcut"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPalette, decorators: [{
+            type: Component,
+            args: [{ selector: 'sl-command-palette', standalone: true, exportAs: 'slCommandPalette', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, SlDialog, SlDialogTitle, SlGlyph, SlHighlight, SlIcon, SlShortcut], host: { '[style.display]': "'contents'" }, template: `
+    @if (inline()) {
+      <ng-container *ngTemplateOutlet="panel" />
+    } @else {
+      <sl-dialog
+        [open]="isOpen()"
+        (openChangeRequest)="onDialogRequest($event)"
+        [container]="container()"
+        [size]="resolvedSize()"
+        [outsidePress]="resolvedOutsidePress()"
+        [initialFocus]="inputElement()"
+        escape="none"
+        fullScreen="narrow"
+        placement="top"
+        surface="plain"
+      >
+        <!-- The dialog takes its name from a title it points at; the title is
+             read by assistive technology and hidden from the eye, because the
+             field under it is the name a reader sees. -->
+        <h2 slDialogTitle hidden>{{ t('label') }}</h2>
+        <ng-container *ngTemplateOutlet="panel" />
+      </sl-dialog>
+    }
+
+    <ng-template #panel>
+      <div
+        data-ui="command-palette"
+        data-part="root"
+        [attr.data-presentation]="resolvedPresentation()"
+        [attr.data-size]="resolvedSize()"
+        [attr.data-open]="isOpen() ? '' : null"
+        [attr.data-loading]="loading() ? '' : null"
+        [attr.data-disabled]="disabled() ? '' : null"
+        [attr.data-query]="query() === '' ? null : ''"
+        [attr.data-empty]="isEmpty() ? '' : null"
+      >
+        <div data-part="header">
+          @if (loading()) {
+            <span data-part="busy" data-ui="spinner" aria-hidden="true"></span>
+          } @else {
+            <span data-part="search" aria-hidden="true"
+              ><span slIcon><svg slGlyph name="search"></svg></span
+            ></span>
+          }
+          @if (rows().trail.length > 0) {
+            <ol data-part="pages" [attr.aria-label]="t('back')">
+              @for (entry of rows().trail; track entry.id; let index = $index) {
+                <li>
+                  <!-- The chevron between two pages, mirrored in a right-to-left document. -->
+                  @if (index > 0) {
+                    <span slIcon directional><svg slGlyph name="chevron-right"></svg></span>
+                  }
+                  <button data-part="page" type="button" (click)="returnTo(index, $event)">
+                    <span>{{ entry.label }}</span>
+                  </button>
+                </li>
+              }
+            </ol>
+          }
+          <input
+            #field
+            data-part="input"
+            type="text"
+            role="combobox"
+            aria-expanded="true"
+            aria-autocomplete="list"
+            autocomplete="off"
+            spellcheck="false"
+            [id]="inputId"
+            [attr.aria-label]="t('input')"
+            [attr.aria-controls]="listId"
+            [attr.aria-activedescendant]="activeDescendant()"
+            [attr.placeholder]="t('placeholder')"
+            [disabled]="disabled()"
+            [value]="query()"
+            (input)="onInput($event)"
+            (keydown)="onKeyDown($event)"
+          />
+          <button
+            data-part="clear"
+            type="button"
+            tabindex="-1"
+            [attr.aria-label]="t('clear')"
+            (click)="clear($event)"
+          >
+            <span slIcon><svg slGlyph name="x"></svg></span>
+          </button>
+          @if (!inline()) {
+            <!-- The way out where the scrim is not: shown by the stylesheet
+                 under the dialog's full-screen query alone. -->
+            <button data-part="close" type="button" (click)="setOpen(false, 'dismiss', $event)">
+              {{ t('close') }}
+            </button>
+          }
+        </div>
+
+        <div
+          #list
+          data-part="list"
+          role="listbox"
+          [id]="listId"
+          [attr.aria-label]="t('input')"
+          [attr.aria-busy]="loading() ? 'true' : null"
+          [attr.data-loading]="loading() ? '' : null"
+        >
+          @if (loading() && rows().count === 0) {
+            <div data-part="placeholder" aria-hidden="true">
+              @for (row of [0, 1, 2]; track row) {
+                <div>
+                  <span data-ui="skeleton" data-part="root" data-shape="text" data-loading></span>
+                </div>
+              }
+            </div>
+          }
+          @if (isEmpty()) {
+            <div data-part="empty">
+              @if (emptyTemplate(); as template) {
+                <ng-container *ngTemplateOutlet="template.template" />
+              } @else {
+                {{ t('empty') }}
+              }
+            </div>
+          }
+          @for (section of rows().sections; track $index; let sectionIndex = $index) {
+            @if (sectionIndex > 0) {
+              <div data-part="separator" role="separator"></div>
+            }
+            @if (headingOf(section); as heading) {
+              <div
+                data-part="group"
+                role="group"
+                [attr.aria-labelledby]="baseId + '-group-' + sectionIndex"
+              >
+                <div
+                  data-part="group-label"
+                  role="presentation"
+                  [id]="baseId + '-group-' + sectionIndex"
+                >
+                  {{ heading }}
+                </div>
+                @for (item of section.items; track item.id) {
+                  <ng-container *ngTemplateOutlet="row; context: { $implicit: item }" />
+                }
+              </div>
+            } @else {
+              @for (item of section.items; track item.id) {
+                <ng-container *ngTemplateOutlet="row; context: { $implicit: item }" />
+              }
+            }
+          }
+        </div>
+
+        <div data-part="status" role="status">{{ status() }}</div>
+
+        @if (footerTemplate(); as footer) {
+          <div data-part="footer" aria-hidden="true">
+            <ng-container *ngTemplateOutlet="footer.template" />
+          </div>
+        } @else if (!hideFooter()) {
+          <div data-part="footer" aria-hidden="true">
+            <span data-part="hint">
+              <kbd slShortcut keys="up" separator="" size="inherit" variant="outline"></kbd>
+              <kbd slShortcut keys="down" separator="" size="inherit" variant="outline"></kbd>
+              <span>{{ t('hintNavigate') }}</span>
+            </span>
+            <span data-part="hint">
+              <kbd slShortcut keys="enter" separator="" size="inherit" variant="outline"></kbd>
+              <span>{{ t('hintSelect') }}</span>
+            </span>
+            @if (pages().length > 0) {
+              <span data-part="hint">
+                <kbd
+                  slShortcut
+                  keys="backspace"
+                  separator=""
+                  size="inherit"
+                  variant="outline"
+                ></kbd>
+                <span>{{ t('hintBack') }}</span>
+              </span>
+            }
+            @if (!inline()) {
+              <span data-part="hint">
+                <kbd slShortcut keys="escape" separator="" size="inherit" variant="outline"></kbd>
+                <span>{{ t('hintClose') }}</span>
+              </span>
+            }
+          </div>
+        }
+      </div>
+    </ng-template>
+
+    <ng-template #row let-item>
+      @if (item.href; as href) {
+        <a
+          data-part="item"
+          role="option"
+          [id]="domId(item.id)"
+          [href]="href"
+          [attr.target]="item.target ?? null"
+          [attr.title]="item.label"
+          [attr.aria-selected]="highlightedId() === item.id"
+          [attr.aria-disabled]="item.disabled ? 'true' : null"
+          [attr.aria-busy]="pending().has(item.id) ? 'true' : null"
+          [attr.aria-keyshortcuts]="keyshortcuts(item)"
+          [attr.data-current]="highlightedId() === item.id ? '' : null"
+          [attr.data-disabled]="item.disabled ? '' : null"
+          [attr.data-loading]="pending().has(item.id) ? '' : null"
+          [attr.data-page]="item.children ? '' : null"
+          (pointermove)="hover(item, $event)"
+          (click)="press(item, $event)"
+        >
+          <ng-container *ngTemplateOutlet="cells; context: { $implicit: item }" />
+        </a>
+      } @else {
+        <div
+          data-part="item"
+          role="option"
+          [id]="domId(item.id)"
+          [attr.title]="item.label"
+          [attr.aria-selected]="highlightedId() === item.id"
+          [attr.aria-disabled]="item.disabled ? 'true' : null"
+          [attr.aria-busy]="pending().has(item.id) ? 'true' : null"
+          [attr.aria-keyshortcuts]="keyshortcuts(item)"
+          [attr.data-current]="highlightedId() === item.id ? '' : null"
+          [attr.data-disabled]="item.disabled ? '' : null"
+          [attr.data-loading]="pending().has(item.id) ? '' : null"
+          [attr.data-page]="item.children ? '' : null"
+          (pointermove)="hover(item, $event)"
+          (click)="press(item, $event)"
+        >
+          <ng-container *ngTemplateOutlet="cells; context: { $implicit: item }" />
+        </div>
+      }
+    </ng-template>
+
+    <ng-template #cells let-item>
+      @if (itemTemplate(); as custom) {
+        <ng-container
+          *ngTemplateOutlet="
+            custom.template;
+            context: {
+              $implicit: item,
+              current: highlightedId() === item.id,
+              disabled: item.disabled === true,
+              pending: pending().has(item.id),
+              query: query(),
+              runs: runsOf(item),
+            }
+          "
+        />
+      } @else {
+        <span data-part="icon"></span>
+        <span data-part="label">
+          @if (marking()) {
+            <span
+              slHighlight
+              [text]="item.label"
+              [query]="query()"
+              [locale]="resolvedLocale()"
+            ></span>
+          } @else {
+            {{ item.label }}
+          }
+        </span>
+        @if (item.description; as description) {
+          <span data-part="description">{{ description }}</span>
+        }
+        @if (item.meta; as meta) {
+          <span data-part="meta" aria-hidden="true">{{ meta }}</span>
+        }
+        @if (!item.children && item.shortcut; as shortcut) {
+          <span data-part="shortcut" aria-hidden="true">
+            <kbd slShortcut [keys]="shortcut" size="inherit" separator="" variant="outline"></kbd>
+          </span>
+        }
+        @if (item.children) {
+          <!-- The mark that says the item opens a page, mirrored in a right-to-left document. -->
+          <span data-part="arrow" aria-hidden="true"
+            ><span slIcon directional><svg slGlyph name="chevron-right"></svg></span
+          ></span>
+        }
+        @if (pending().has(item.id)) {
+          <span data-part="busy" data-ui="spinner" aria-hidden="true"></span>
+        }
+      }
+    </ng-template>
+  `, styles: ["@layer slotted.components{[data-ui=command-palette]{--_surface: var(--slotted-command-palette-surface, var(--slotted-surface-raised, #ffffff));--_text: var(--slotted-command-palette-text, var(--slotted-text, #0f172a));--_muted: var(--slotted-command-palette-text-muted, var(--slotted-text-muted, #5b6b7f));--_border-color: var( --slotted-command-palette-border-color, var(--slotted-border-subtle, #e2e8f0) );--_border-width: var(--slotted-border-width-thin, 1px);--_radius: var(--slotted-command-palette-radius, var(--slotted-radius-lg, 8px));--_shadow: var(--slotted-command-palette-shadow, var(--slotted-shadow-lg));--_highlight: var(--slotted-command-palette-highlight, var(--slotted-tone-accent-surface));--_highlight-ring: var( --slotted-command-palette-highlight-ring, var(--slotted-tone-accent-border) );--_hover: var(--slotted-command-palette-hover, var(--slotted-tone-secondary-subtle-hover));--_active: var(--slotted-command-palette-active, var(--slotted-tone-secondary-subtle-active));--_item-height: var(--slotted-control-height-md, 34px);--_item-inset: var(--slotted-control-padding-inline-md, 13px);--_item-radius: var(--slotted-command-palette-item-radius, var(--slotted-control-radius));--_font-size: var(--slotted-control-font-size-md, 13px);--_secondary-font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_column-gap: var(--slotted-control-gap-md, 8px);--_header-height: var(--slotted-control-height-lg, 38px);--_header-font-size: var(--slotted-control-font-size-lg, 14px);--_header-icon-size: var(--slotted-control-icon-size-lg, 18px);--_header-inset: var(--slotted-control-padding-inline-lg, 16px);--_chip-size: var(--slotted-control-inner-size-md, 24px);--_list-inset: var(--slotted-command-palette-list-padding, var(--slotted-space-2, .25rem));--_list-max: var(--slotted-command-palette-list-max-block-size, 22rem);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);container-name:command-palette;container-type:inline-size;contain-intrinsic-inline-size:var(--slotted-command-palette-measure, 22rem);display:grid;font-family:var(--slotted-font-family-sans);font-size:var(--_font-size);grid-template-rows:auto minmax(0,1fr) auto auto;inline-size:100%;line-height:var(--slotted-line-height-md, 1.5);overflow:clip}[data-ui=command-palette][data-size=sm]{--_item-height: var(--slotted-control-height-sm, 30px);--_item-inset: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_column-gap: var(--slotted-control-gap-sm, 6px);--_header-height: var(--slotted-control-height-md, 34px);--_header-font-size: var(--slotted-control-font-size-md, 13px);--_header-icon-size: var(--slotted-control-icon-size-md, 16px);--_header-inset: var(--slotted-control-padding-inline-md, 13px);--_chip-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=command-palette][data-size=lg]{--_item-height: var(--slotted-control-height-lg, 38px);--_item-inset: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_column-gap: var(--slotted-control-gap-lg, 8px);--_header-height: calc(var(--slotted-control-height-lg, 38px) + var(--slotted-space-4, .5rem));--_header-font-size: var(--slotted-font-size-lg, 1rem);--_header-icon-size: var(--slotted-control-inner-size-sm, 22px);--_chip-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=command-palette]>[data-part=header]{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);box-sizing:border-box;display:flex;gap:var(--_column-gap);min-block-size:var(--_header-height);padding-inline:var(--_header-inset);position:relative}[data-ui=command-palette]>[data-part=header]:has(>[data-part=input]:focus-visible):after{background-color:var(--slotted-focus-ring-color, currentColor);block-size:var(--slotted-focus-ring-width, 2px);content:\"\";inset-block-end:calc(-1 * var(--_border-width));inset-inline:0;pointer-events:none;position:absolute}[data-ui=command-palette] :is([data-part=search],[data-part=busy]){color:var(--_muted);flex:none}[data-ui=command-palette] [data-part=search]{--slotted-icon-size: var(--_header-icon-size);display:flex}[data-ui=command-palette] [data-part=busy]{--slotted-spinner-size: var(--_header-icon-size)}[data-ui=command-palette] [data-part=pages]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem);list-style:none;margin:0;max-inline-size:50%;min-inline-size:0;padding:0}[data-ui=command-palette] [data-part=pages]>li{display:contents}[data-ui=command-palette] [data-part=page]{align-items:center;appearance:none;background-color:var(--slotted-command-palette-page-surface, var(--_hover));block-size:var(--_chip-size);border:0;border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;flex:0 1 auto;font:inherit;font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-medium, 500);line-height:1;max-inline-size:100%;min-inline-size:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem);position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));white-space:nowrap}[data-ui=command-palette] [data-part=page]>span{overflow:hidden;text-overflow:ellipsis}[data-ui=command-palette] [data-part=page]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=command-palette] [data-part=page]:not(:disabled):hover{background-color:var(--_active);color:var(--_text)}[data-ui=command-palette] [data-part=page]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=page]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette] [data-part=pages]>li>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);color:var(--_muted);opacity:.7}[data-ui=command-palette] [data-part=input]{appearance:none;background:transparent;block-size:100%;border:0;box-sizing:border-box;color:var(--_text);flex:1 1 auto;font-family:inherit;font-size:var(--_header-font-size);line-height:inherit;margin:0;min-block-size:var(--_header-height);min-inline-size:0;outline:none;padding:0}[data-ui=command-palette] [data-part=input]::placeholder{color:var(--_muted);opacity:1}[data-ui=command-palette] [data-part=input]:placeholder-shown{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--slotted-command-palette-placeholder-fade, 2em)),transparent)}[data-ui=command-palette] [data-part=input]::-webkit-search-cancel-button,[data-ui=command-palette] [data-part=input]::-webkit-search-decoration{appearance:none}[data-ui=command-palette]>[data-part=header]>[data-part=clear]{--_clear-size: min( calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--slotted-control-inner-size-md, 24px) );align-items:center;appearance:none;background-color:transparent;block-size:var(--_clear-size);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_clear-size);justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=command-palette]>[data-part=header]>[data-part=clear]:after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:has(+[data-part=close]):after{inset-inline-end:0}}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette]>[data-part=header]>[data-part=clear]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette]:not([data-query])>[data-part=header]>[data-part=clear]{display:none}[data-ui=command-palette]>[data-part=header]>[data-part=close]{align-items:center;appearance:none;background-color:transparent;block-size:var(--slotted-control-height-sm, 30px);border:0;border-radius:var(--slotted-control-radius, 4px);color:var(--slotted-tone-accent-text, LinkText);cursor:pointer;display:none;flex:none;font:inherit;font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium, 500);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);touch-action:manipulation;white-space:nowrap}[data-ui=command-palette]>[data-part=header]>[data-part=close]:not(:disabled):hover{background-color:var(--_hover)}[data-ui=command-palette]>[data-part=header]>[data-part=close]:not(:disabled):active{background-color:var(--_active)}[data-ui=command-palette]>[data-part=header]>[data-part=close]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=command-palette]>[data-part=list]{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-content:start;max-block-size:var(--_list-max);outline:none;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--_list-inset);padding-inline:var(--_list-inset);scroll-padding-block:var(--_list-inset)}[data-ui=command-palette]>[data-part=list][data-loading]{cursor:progress}[data-ui=command-palette] [data-part=group]{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=command-palette] [data-part=group-label]{color:var(--_muted);font-size:var(--_secondary-font-size);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;line-height:var(--slotted-line-height-sm, 1.45);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=command-palette] [data-part=item]{align-content:center;border-radius:var(--_item-radius);box-sizing:border-box;color:inherit;cursor:pointer;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset);row-gap:0;text-decoration:none;-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)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=command-palette] [data-part=item]:not([data-disabled]):not([data-current]):hover{background-color:var(--_hover)}[data-ui=command-palette] [data-part=item]:not([data-disabled]):not([data-current]):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=item][data-current]{background-color:var(--_highlight);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_highlight-ring);transition:none}[data-ui=command-palette] [data-part=item][data-current]:not([data-disabled]):active{background-color:var(--_active)}[data-ui=command-palette] [data-part=item][data-disabled]{color:var(--slotted-disabled-foreground, #64748b);cursor:not-allowed}[data-ui=command-palette] [data-part=item][data-loading]{cursor:progress}[data-ui=command-palette] [data-part=item]>[data-part=busy]{--slotted-spinner-size: var(--_icon-size);color:var(--_muted);grid-column:5;justify-self:end;margin-inline-start:var(--_column-gap)}[data-ui=command-palette] [data-part=icon]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:1;grid-row:1;inline-size:var(--_icon-size);justify-content:center;justify-self:center;margin-inline-end:calc(var(--_column-gap) + var(--slotted-space-2, .25rem))}[data-ui=command-palette] [data-part=icon]:not(:empty)>*{block-size:var(--_icon-size);font-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=command-palette] [data-part=label]{grid-column:2;grid-row:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=command-palette] [data-part=description]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=command-palette] [data-part=item][data-disabled]>[data-part=description]{color:inherit}[data-ui=command-palette] [data-part=item]>:is([data-part=meta],[data-part=shortcut],[data-part=arrow],[data-part=busy]){align-self:center;grid-row:1 / -1}[data-ui=command-palette] [data-part=meta]{color:var(--_muted);font-size:var(--_secondary-font-size);grid-column:3;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui=command-palette] [data-part=item]:not(:has(>[data-part=shortcut]))>[data-part=meta]{grid-column:3 / 5}[data-ui=command-palette] [data-part=item]>[data-part=shortcut]{align-items:center;color:var(--_muted);display:inline-flex;font-size:calc(var(--_secondary-font-size) * .9);grid-column:4;justify-self:end;margin-inline-start:var(--slotted-space-6, 1rem);white-space:nowrap}[data-ui=command-palette] [data-part=item][data-disabled]>:is([data-part=meta],[data-part=shortcut]){color:inherit}[data-ui=command-palette] [data-part=arrow]{--slotted-icon-size: var(--_icon-size);align-items:center;block-size:1lh;display:flex;grid-column:5;inline-size:var(--_icon-size);justify-self:end;margin-inline-start:var(--_column-gap);opacity:.7}[data-ui=command-palette]>[data-part=list] [data-part=separator]:not([data-separator]){background-color:var(--slotted-command-palette-separator-color, var(--_border-color));block-size:var(--_border-width);border:0;grid-column:1 / -1;margin-block:var(--slotted-space-2, .25rem);margin-inline:0}[data-ui=command-palette] [data-part=empty]{color:var(--_muted);grid-column:1 / -1;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--_item-inset);text-align:center;unicode-bidi:plaintext}[data-ui=command-palette]>[data-part=status]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=command-palette] [data-part=placeholder]{display:grid;grid-column:1 / -1;padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_item-inset)}[data-ui=command-palette] [data-part=placeholder]>*{align-items:center;display:flex;min-block-size:var(--_item-height)}[data-ui=command-palette] [data-part=placeholder]>:nth-child(2) [data-ui=skeleton]{inline-size:78%}[data-ui=command-palette] [data-part=placeholder]>:nth-child(3) [data-ui=skeleton]{inline-size:56%}[data-ui=command-palette]>[data-part=footer]{align-items:center;background:var( --slotted-command-palette-footer-surface, var(--slotted-surface-sunken, #f8fafd) );border-block-start:var(--_border-width) solid var(--_border-color);box-sizing:border-box;color:var(--_muted);display:flex;flex-wrap:wrap;font-size:var(--slotted-font-size-xs, .75rem);gap:var(--slotted-space-6, 1rem);line-height:var(--slotted-line-height-xs, 1.4);min-block-size:var(--slotted-control-height-sm, 30px);padding-block:var(--slotted-space-2, .25rem);padding-inline:var(--_header-inset)}[data-ui=command-palette]>[data-part=footer]>[data-part=hint]{align-items:center;display:inline-flex;font-size:calc(var(--slotted-font-size-xs, .75rem) * .9);gap:var(--slotted-space-3, .375rem);white-space:nowrap}[data-ui=command-palette]>[data-part=footer]>[data-part=hint]>span:not([data-ui]){font-size:var(--slotted-font-size-xs, .75rem);line-height:1}@container command-palette (max-width: 360px){[data-ui=command-palette] :is([data-part=description],[data-part=meta]){display:none}[data-ui=command-palette] [data-part=pages]{max-inline-size:33%}[data-ui=command-palette]>[data-part=footer]{gap:var(--slotted-space-4, .5rem)}}@container slotted-dialog (max-inline-size: 30rem){[data-ui=command-palette][data-presentation=dialog]{--_list-max: none;border-inline:0;border-radius:0;box-shadow:none;inset:0;position:absolute}[data-ui=command-palette][data-presentation=dialog]>[data-part=header]>[data-part=close]{display:inline-flex}}@media(hover:none)and (pointer:coarse){[data-ui=command-palette]>[data-part=footer]{display:none}}@media(forced-colors:active){[data-ui=command-palette] [data-part=item][data-current]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=command-palette] [data-part=item][data-disabled][data-current]{background-color:Highlight;color:GrayText}[data-ui=command-palette]>[data-part=header]:has(>[data-part=input]:focus-visible):after{forced-color-adjust:none}}}\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: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: false }] }], rank: [{ type: i0.Input, args: [{ isSignal: true, alias: "rank", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], limit: [{ type: i0.Input, args: [{ isSignal: true, alias: "limit", required: false }] }], presentation: [{ type: i0.Input, args: [{ isSignal: true, alias: "presentation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], outsidePress: [{ type: i0.Input, args: [{ isSignal: true, alias: "outsidePress", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], autoHighlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoHighlight", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], clearOnClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearOnClose", required: false }] }], highlightMatch: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightMatch", required: false }] }], hotkey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hotkey", required: false }] }], recentLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "recentLimit", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], hideFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideFooter", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], openChangeRequest: [{ type: i0.Output, args: ["openChangeRequest"] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], queryChangeRequest: [{ type: i0.Output, args: ["queryChangeRequest"] }], highlightedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedId", required: false }] }, { type: i0.Output, args: ["highlightedIdChange"] }], highlightedIdChangeRequest: [{ type: i0.Output, args: ["highlightedIdChangeRequest"] }], pages: [{ type: i0.Input, args: [{ isSignal: true, alias: "pages", required: false }] }, { type: i0.Output, args: ["pagesChange"] }], pagesChangeRequest: [{ type: i0.Output, args: ["pagesChangeRequest"] }], recent: [{ type: i0.Input, args: [{ isSignal: true, alias: "recent", required: false }] }, { type: i0.Output, args: ["recentChange"] }], recentChangeRequest: [{ type: i0.Output, args: ["recentChangeRequest"] }], select: [{ type: i0.Output, args: ["select"] }], itemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCommandPaletteItem), { isSignal: true }] }], footerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCommandPaletteFooter), { isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCommandPaletteEmpty), { isSignal: true }] }], dialog: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SlDialog), { isSignal: true }] }], field: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], list: [{ type: i0.ViewChild, args: ['list', { isSignal: true }] }] } });
+/**
+ * The control that opens the palette, on the consumer's own element. The
+ * dialog family's trigger is not composed here because it needs the dialog
+ * instance, which lives inside this component's template; what the trigger
+ * needs from it — the open, the `aria-expanded`, the `aria-haspopup` — is
+ * written from the palette instead, and the focus returns to the element
+ * that held it when the layer opened, which is this one.
+ */
+class SlCommandPaletteTrigger {
+    palette = input.required({ ...(ngDevMode ? { debugName: "palette" } : /* istanbul ignore next */ {}), alias: 'slCommandPaletteTrigger' });
+    native = inject(ElementRef).nativeElement;
+    constructor() {
+        /* The dialog's own trigger registers its node as the layer's focus origin
+           and as a branch the outside press ignores; this one does the same, on
+           the dialog the palette holds, whenever that dialog exists. */
+        effect(() => {
+            const dialog = this.palette().dialog();
+            if (dialog === undefined)
+                return;
+            untracked(() => dialog.triggerNode.set(this.native));
+        });
+        inject(DestroyRef).onDestroy(() => {
+            const dialog = this.palette().dialog();
+            if (dialog?.triggerNode() === this.native)
+                dialog.triggerNode.set(null);
+        });
+    }
+    onClick(event) {
+        if (event.defaultPrevented)
+            return;
+        this.palette().setOpen(true, event.detail === 0 ? 'keyboard' : 'pointer', event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCommandPaletteTrigger, isStandalone: true, selector: "[slCommandPaletteTrigger]", inputs: { palette: { classPropertyName: "palette", publicName: "slCommandPaletteTrigger", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-part": "trigger", "aria-haspopup": "dialog" }, listeners: { "click": "onClick($event)" }, properties: { "attr.aria-expanded": "palette().open()", "attr.data-open": "palette().open() ? \"\" : null", "attr.disabled": "palette().disabled() ? \"\" : null" } }, exportAs: ["slCommandPaletteTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCommandPaletteTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slCommandPaletteTrigger]',
+                    standalone: true,
+                    exportAs: 'slCommandPaletteTrigger',
+                    host: {
+                        'data-part': 'trigger',
+                        'aria-haspopup': 'dialog',
+                        '[attr.aria-expanded]': 'palette().open()',
+                        '[attr.data-open]': 'palette().open() ? "" : null',
+                        '[attr.disabled]': 'palette().disabled() ? "" : null',
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "slCommandPaletteTrigger", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { COMMAND_PALETTE_DEFAULTS, COMMAND_PALETTE_FALLBACK, SlCommandPalette, SlCommandPaletteEmpty, SlCommandPaletteFooter, SlCommandPaletteItem, SlCommandPaletteTrigger, injectCommandPaletteDefaults, provideCommandPaletteDefaults };
+//# sourceMappingURL=slotted-angular-command-palette.mjs.map