@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.11

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

@@ -297,10 +297,12 @@ class SlCommandPalette {
                 : -1;
             untracked(() => this.setHighlighted(first === -1 ? null : (ids[first] ?? null), 'programmatic'));
         });
-        /* The row the highlight is on scrolls into view; it holds no focus. */
+        /* The row the highlight is on scrolls into view; it holds no focus. A row
+           the pointer highlighted is already under it, and scrolling it would
+           fight a finger or a wheel moving the list. */
         effect(() => {
             const id = this.highlightedId();
-            if (id === null)
+            if (id === null || id === this.pointerHighlight)
                 return;
             const node = this.list()?.nativeElement.querySelector(`#${CSS.escape(this.domId(id))}`);
             if (typeof node?.scrollIntoView === 'function')
@@ -375,9 +377,12 @@ class SlCommandPalette {
         if (state.request(next, reason, source))
             this.query.set(next);
     }
+    /** The row the pointer last highlighted, which never scrolls the list. */
+    pointerHighlight = null;
     setHighlighted(next, reason, source) {
         if (next === this.highlightedId())
             return;
+        this.pointerHighlight = reason === 'pointer' ? next : null;
         const state = createControllable({
             initial: this.highlightedId(),
             onRequest: (request) => this.highlightedIdChangeRequest.emit(request),
@@ -518,8 +523,20 @@ class SlCommandPalette {
     returnTo(index, event) {
         this.setPages(this.pages().slice(0, index + 1), 'pointer', event);
     }
+    /**
+     * Focus stays in the input while the palette is open, as in a platform
+     * search field: a press anywhere else — a group label, the list's empty
+     * space, a row — keeps it there, and on a phone the keyboard stays up. The
+     * press's click still runs.
+     */
+    keepFocus(event) {
+        if (event.target !== this.field()?.nativeElement)
+            event.preventDefault();
+    }
     hover(item, event) {
-        if (item.disabled === true)
+        /* A finger on the list is a scroll until it ends as a tap: the tap's click
+           executes, and a highlight on the way would trail the finger. */
+        if (item.disabled === true || event.pointerType === 'touch')
             return;
         this.setHighlighted(item.id, 'pointer', event);
     }
@@ -670,7 +687,9 @@ class SlCommandPalette {
     <ng-template #panel>
       <div
         data-ui="command-palette"
+        data-ui-command-palette=""
         data-part="root"
+        data-part-root=""
         [attr.data-presentation]="resolvedPresentation()"
         [attr.data-size]="resolvedSize()"
         [attr.data-open]="isOpen() ? '' : null"
@@ -678,24 +697,39 @@ class SlCommandPalette {
         [attr.data-disabled]="disabled() ? '' : null"
         [attr.data-query]="query() === '' ? null : ''"
         [attr.data-empty]="isEmpty() ? '' : null"
+        (mousedown)="keepFocus($event)"
       >
-        <div data-part="header">
+        <div data-part="header" data-part-header="">
           @if (loading()) {
-            <span data-part="busy" data-ui="spinner" aria-hidden="true"></span>
+            <span
+              data-part="busy"
+              data-part-busy=""
+              data-ui="spinner"
+              data-ui-spinner=""
+              aria-hidden="true"
+              ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                <circle cx="12" cy="12" r="8.875" />
+                <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg
+            ></span>
           } @else {
-            <span data-part="search" aria-hidden="true"
+            <span data-part="search" 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')">
+            <ol data-part="pages" 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)">
+                  <button
+                    data-part="page"
+                    data-part-page=""
+                    type="button"
+                    (click)="returnTo(index, $event)"
+                  >
                     <span>{{ entry.label }}</span>
                   </button>
                 </li>
@@ -705,6 +739,7 @@ class SlCommandPalette {
           <input
             #field
             data-part="input"
+            data-part-input=""
             type="text"
             role="combobox"
             aria-expanded="true"
@@ -723,6 +758,7 @@ class SlCommandPalette {
           />
           <button
             data-part="clear"
+            data-part-clear=""
             type="button"
             tabindex="-1"
             [attr.aria-label]="t('clear')"
@@ -733,7 +769,12 @@ class SlCommandPalette {
           @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)">
+            <button
+              data-part="close"
+              data-part-close=""
+              type="button"
+              (click)="setOpen(false, 'dismiss', $event)"
+            >
               {{ t('close') }}
             </button>
           }
@@ -742,6 +783,7 @@ class SlCommandPalette {
         <div
           #list
           data-part="list"
+          data-part-list=""
           role="listbox"
           [id]="listId"
           [attr.aria-label]="t('input')"
@@ -749,16 +791,23 @@ class SlCommandPalette {
           [attr.data-loading]="loading() ? '' : null"
         >
           @if (loading() && rows().count === 0) {
-            <div data-part="placeholder" aria-hidden="true">
+            <div data-part="placeholder" 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>
+                  <span
+                    data-ui="skeleton"
+                    data-ui-skeleton=""
+                    data-part="root"
+                    data-part-root=""
+                    data-shape="text"
+                    data-loading
+                  ></span>
                 </div>
               }
             </div>
           }
           @if (isEmpty()) {
-            <div data-part="empty">
+            <div data-part="empty" data-part-empty="">
               @if (emptyTemplate(); as template) {
                 <ng-container *ngTemplateOutlet="template.template" />
               } @else {
@@ -768,16 +817,18 @@ class SlCommandPalette {
           }
           @for (section of rows().sections; track $index; let sectionIndex = $index) {
             @if (sectionIndex > 0) {
-              <div data-part="separator" role="separator"></div>
+              <div data-part="separator" data-part-separator="" role="separator"></div>
             }
             @if (headingOf(section); as heading) {
               <div
                 data-part="group"
+                data-part-group=""
                 role="group"
                 [attr.aria-labelledby]="baseId + '-group-' + sectionIndex"
               >
                 <div
                   data-part="group-label"
+                  data-part-group-label=""
                   role="presentation"
                   [id]="baseId + '-group-' + sectionIndex"
                 >
@@ -795,25 +846,25 @@ class SlCommandPalette {
           }
         </div>
 
-        <div data-part="status" role="status">{{ status() }}</div>
+        <div data-part="status" data-part-status="" role="status">{{ status() }}</div>
 
         @if (footerTemplate(); as footer) {
-          <div data-part="footer" aria-hidden="true">
+          <div data-part="footer" 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">
+          <div data-part="footer" data-part-footer="" aria-hidden="true">
+            <span data-part="hint" 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">
+            <span data-part="hint" 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">
+              <span data-part="hint" data-part-hint="">
                 <kbd
                   slShortcut
                   keys="backspace"
@@ -825,7 +876,7 @@ class SlCommandPalette {
               </span>
             }
             @if (!inline()) {
-              <span data-part="hint">
+              <span data-part="hint" data-part-hint="">
                 <kbd slShortcut keys="escape" separator="" size="inherit" variant="outline"></kbd>
                 <span>{{ t('hintClose') }}</span>
               </span>
@@ -839,6 +890,7 @@ class SlCommandPalette {
       @if (item.href; as href) {
         <a
           data-part="item"
+          data-part-item=""
           role="option"
           [id]="domId(item.id)"
           [href]="href"
@@ -860,6 +912,7 @@ class SlCommandPalette {
       } @else {
         <div
           data-part="item"
+          data-part-item=""
           role="option"
           [id]="domId(item.id)"
           [attr.title]="item.label"
@@ -895,8 +948,8 @@ class SlCommandPalette {
           "
         />
       } @else {
-        <span data-part="icon"></span>
-        <span data-part="label">
+        <span data-part="icon" data-part-icon=""></span>
+        <span data-part="label" data-part-label="">
           @if (marking()) {
             <span
               slHighlight
@@ -909,28 +962,37 @@ class SlCommandPalette {
           }
         </span>
         @if (item.description; as description) {
-          <span data-part="description">{{ description }}</span>
+          <span data-part="description" data-part-description="">{{ description }}</span>
         }
         @if (item.meta; as meta) {
-          <span data-part="meta" aria-hidden="true">{{ meta }}</span>
+          <span data-part="meta" data-part-meta="" aria-hidden="true">{{ meta }}</span>
         }
         @if (!item.children && item.shortcut; as shortcut) {
-          <span data-part="shortcut" aria-hidden="true">
+          <span data-part="shortcut" 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 data-part="arrow" 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>
+          <span
+            data-part="busy"
+            data-part-busy=""
+            data-ui="spinner"
+            data-ui-spinner=""
+            aria-hidden="true"
+            ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <circle cx="12" cy="12" r="8.875" />
+              <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg
+          ></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 });
+  `, 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]{-webkit-backdrop-filter:var(--slotted-command-palette-backdrop-filter, none);backdrop-filter:var(--slotted-command-palette-backdrop-filter, none)}@media(prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-command-palette]{-webkit-backdrop-filter:none;backdrop-filter:none}}[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));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;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}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\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,
@@ -961,7 +1023,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     <ng-template #panel>
       <div
         data-ui="command-palette"
+        data-ui-command-palette=""
         data-part="root"
+        data-part-root=""
         [attr.data-presentation]="resolvedPresentation()"
         [attr.data-size]="resolvedSize()"
         [attr.data-open]="isOpen() ? '' : null"
@@ -969,24 +1033,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         [attr.data-disabled]="disabled() ? '' : null"
         [attr.data-query]="query() === '' ? null : ''"
         [attr.data-empty]="isEmpty() ? '' : null"
+        (mousedown)="keepFocus($event)"
       >
-        <div data-part="header">
+        <div data-part="header" data-part-header="">
           @if (loading()) {
-            <span data-part="busy" data-ui="spinner" aria-hidden="true"></span>
+            <span
+              data-part="busy"
+              data-part-busy=""
+              data-ui="spinner"
+              data-ui-spinner=""
+              aria-hidden="true"
+              ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                <circle cx="12" cy="12" r="8.875" />
+                <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg
+            ></span>
           } @else {
-            <span data-part="search" aria-hidden="true"
+            <span data-part="search" 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')">
+            <ol data-part="pages" 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)">
+                  <button
+                    data-part="page"
+                    data-part-page=""
+                    type="button"
+                    (click)="returnTo(index, $event)"
+                  >
                     <span>{{ entry.label }}</span>
                   </button>
                 </li>
@@ -996,6 +1075,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           <input
             #field
             data-part="input"
+            data-part-input=""
             type="text"
             role="combobox"
             aria-expanded="true"
@@ -1014,6 +1094,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           />
           <button
             data-part="clear"
+            data-part-clear=""
             type="button"
             tabindex="-1"
             [attr.aria-label]="t('clear')"
@@ -1024,7 +1105,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @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)">
+            <button
+              data-part="close"
+              data-part-close=""
+              type="button"
+              (click)="setOpen(false, 'dismiss', $event)"
+            >
               {{ t('close') }}
             </button>
           }
@@ -1033,6 +1119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         <div
           #list
           data-part="list"
+          data-part-list=""
           role="listbox"
           [id]="listId"
           [attr.aria-label]="t('input')"
@@ -1040,16 +1127,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           [attr.data-loading]="loading() ? '' : null"
         >
           @if (loading() && rows().count === 0) {
-            <div data-part="placeholder" aria-hidden="true">
+            <div data-part="placeholder" 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>
+                  <span
+                    data-ui="skeleton"
+                    data-ui-skeleton=""
+                    data-part="root"
+                    data-part-root=""
+                    data-shape="text"
+                    data-loading
+                  ></span>
                 </div>
               }
             </div>
           }
           @if (isEmpty()) {
-            <div data-part="empty">
+            <div data-part="empty" data-part-empty="">
               @if (emptyTemplate(); as template) {
                 <ng-container *ngTemplateOutlet="template.template" />
               } @else {
@@ -1059,16 +1153,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           }
           @for (section of rows().sections; track $index; let sectionIndex = $index) {
             @if (sectionIndex > 0) {
-              <div data-part="separator" role="separator"></div>
+              <div data-part="separator" data-part-separator="" role="separator"></div>
             }
             @if (headingOf(section); as heading) {
               <div
                 data-part="group"
+                data-part-group=""
                 role="group"
                 [attr.aria-labelledby]="baseId + '-group-' + sectionIndex"
               >
                 <div
                   data-part="group-label"
+                  data-part-group-label=""
                   role="presentation"
                   [id]="baseId + '-group-' + sectionIndex"
                 >
@@ -1086,25 +1182,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           }
         </div>
 
-        <div data-part="status" role="status">{{ status() }}</div>
+        <div data-part="status" data-part-status="" role="status">{{ status() }}</div>
 
         @if (footerTemplate(); as footer) {
-          <div data-part="footer" aria-hidden="true">
+          <div data-part="footer" 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">
+          <div data-part="footer" data-part-footer="" aria-hidden="true">
+            <span data-part="hint" 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">
+            <span data-part="hint" 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">
+              <span data-part="hint" data-part-hint="">
                 <kbd
                   slShortcut
                   keys="backspace"
@@ -1116,7 +1212,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               </span>
             }
             @if (!inline()) {
-              <span data-part="hint">
+              <span data-part="hint" data-part-hint="">
                 <kbd slShortcut keys="escape" separator="" size="inherit" variant="outline"></kbd>
                 <span>{{ t('hintClose') }}</span>
               </span>
@@ -1130,6 +1226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @if (item.href; as href) {
         <a
           data-part="item"
+          data-part-item=""
           role="option"
           [id]="domId(item.id)"
           [href]="href"
@@ -1151,6 +1248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       } @else {
         <div
           data-part="item"
+          data-part-item=""
           role="option"
           [id]="domId(item.id)"
           [attr.title]="item.label"
@@ -1186,8 +1284,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           "
         />
       } @else {
-        <span data-part="icon"></span>
-        <span data-part="label">
+        <span data-part="icon" data-part-icon=""></span>
+        <span data-part="label" data-part-label="">
           @if (marking()) {
             <span
               slHighlight
@@ -1200,28 +1298,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           }
         </span>
         @if (item.description; as description) {
-          <span data-part="description">{{ description }}</span>
+          <span data-part="description" data-part-description="">{{ description }}</span>
         }
         @if (item.meta; as meta) {
-          <span data-part="meta" aria-hidden="true">{{ meta }}</span>
+          <span data-part="meta" data-part-meta="" aria-hidden="true">{{ meta }}</span>
         }
         @if (!item.children && item.shortcut; as shortcut) {
-          <span data-part="shortcut" aria-hidden="true">
+          <span data-part="shortcut" 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 data-part="arrow" 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>
+          <span
+            data-part="busy"
+            data-part-busy=""
+            data-ui="spinner"
+            data-ui-spinner=""
+            aria-hidden="true"
+            ><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+              <circle cx="12" cy="12" r="8.875" />
+              <circle cx="12" cy="12" r="8.875" pathLength="100" /></svg
+          ></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"] }]
+  `, 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]{-webkit-backdrop-filter:var(--slotted-command-palette-backdrop-filter, none);backdrop-filter:var(--slotted-command-palette-backdrop-filter, none)}@media(prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-command-palette]{-webkit-backdrop-filter:none;backdrop-filter:none}}[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));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;display:inline-block;flex:none;forced-color-adjust:none;inline-size:var(--_size);opacity:1;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}[data-ui-spinner]>svg{block-size:100%;display:block;fill:none;inline-size:100%;stroke:currentColor;stroke-width:2.25}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;rotate:-90deg;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:center}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:1 150;stroke-dashoffset:0}50%{animation-timing-function:cubic-bezier(.42,0,.58,1);stroke-dasharray:70 150;stroke-dashoffset:-28}to{stroke-dasharray:70 150;stroke-dashoffset:-99}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}\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
@@ -1256,7 +1363,7 @@ class SlCommandPaletteTrigger {
         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 });
+    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", "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,
@@ -1266,6 +1373,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slCommandPaletteTrigger',
                     host: {
                         'data-part': 'trigger',
+                        'data-part-trigger': '',
                         'aria-haspopup': 'dialog',
                         '[attr.aria-expanded]': 'palette().open()',
                         '[attr.data-open]': 'palette().open() ? "" : null',