@slotted/angular 0.1.0-beta.0 → 0.1.0-beta.10

package/fesm2022/slotted-angular-dashboard-grid.mjs

@@ -12,6 +12,7 @@ import { sizeClassOf, handleShortcuts, resolveColumns, resolveTiles, materialize
 import { createDragController } from '@slotted/core/drag';
 import { dashboardGridMessages, dragMessages } from '@slotted/core/i18n';
 import { getLiveAnnouncer } from '@slotted/core/live-announcer';
+import { writeSelectorKey } from '@slotted/core/selector-key';
 import { initialLoadingVisibility, nextLoadingVisibility } from '@slotted/core/loading';
 
 const FALLBACK = {
@@ -99,7 +100,7 @@ class SlDashboardPart {
     part = input.required({ ...(ngDevMode ? { debugName: "part" } : /* istanbul ignore next */ {}), alias: 'slDashboardPart' });
     host = inject(ElementRef);
     constructor() {
-        afterNextRender(() => this.host.nativeElement.setAttribute('data-part', this.part()));
+        afterNextRender(() => writeSelectorKey(this.host.nativeElement, 'part', this.part()));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDashboardPart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlDashboardPart, isStandalone: true, selector: "[slDashboardPart]", inputs: { part: { classPropertyName: "part", publicName: "slDashboardPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
@@ -301,25 +302,21 @@ function originOf(element, list, rtl) {
         blockSize: box.height,
     };
 }
+/* The widget in hand is placed and moved by its own geometry, never by a
+   custom property: one restyles everything under the widget, and it is
+   written every frame. */
+const LIFT = ['inset-inline-start', 'inset-block-start', 'inline-size', 'block-size', 'translate'];
 function writeOrigin(element, origin) {
-    element.style.setProperty('--_dg-origin-inline-start', `${origin.inlineStart}px`);
-    element.style.setProperty('--_dg-origin-block-start', `${origin.blockStart}px`);
-    element.style.setProperty('--_dg-origin-inline-size', `${origin.inlineSize}px`);
-    element.style.setProperty('--_dg-origin-block-size', `${origin.blockSize}px`);
+    element.style.setProperty('inset-inline-start', `${origin.inlineStart}px`);
+    element.style.setProperty('inset-block-start', `${origin.blockStart}px`);
+    element.style.setProperty('inline-size', `${origin.inlineSize}px`);
+    element.style.setProperty('block-size', `${origin.blockSize}px`);
 }
 function clearLift(element) {
     if (element === undefined)
         return;
-    for (const name of [
-        '--_dg-origin-inline-start',
-        '--_dg-origin-block-start',
-        '--_dg-origin-inline-size',
-        '--_dg-origin-block-size',
-        '--_dg-lift-x',
-        '--_dg-lift-y',
-    ]) {
+    for (const name of LIFT)
         element.style.removeProperty(name);
-    }
 }
 function boxOf(element) {
     const { left, top, width, height } = element.getBoundingClientRect();
@@ -761,12 +758,12 @@ class SlDashboardGrid {
             const blockSize = pullsBottom
                 ? Math.max(tracks.row, origin.blockSize + dy)
                 : origin.blockSize;
-            element.style.setProperty('--_dg-origin-inline-size', `${inlineSize}px`);
-            element.style.setProperty('--_dg-origin-block-size', `${blockSize}px`);
+            element.style.setProperty('inline-size', `${inlineSize}px`);
+            element.style.setProperty('block-size', `${blockSize}px`);
             /* Pulled by its start, the widget keeps its end still: the element is
                anchored at its start, so it moves by what it grew. */
             const shift = pullsStart ? origin.inlineSize - inlineSize : 0;
-            element.style.setProperty('--_dg-lift-x', `${rtl ? -shift : shift}px`);
+            element.style.setProperty('translate', `${rtl ? -shift : shift}px 0px`);
             const w = spanFromTravel({
                 span,
                 track: tracks.track,
@@ -993,8 +990,7 @@ class SlDashboardGrid {
                 this.setGesture({ kind: 'move', key, preview: this.full(this.currentLayout()) });
             }
             if (state.point !== null) {
-                element.style.setProperty('--_dg-lift-x', `${state.point.x - press.x}px`);
-                element.style.setProperty('--_dg-lift-y', `${state.point.y - press.y}px`);
+                element.style.setProperty('translate', `${state.point.x - press.x}px ${state.point.y - press.y}px`);
             }
         });
         const detachments = [];
@@ -1087,11 +1083,13 @@ class SlDashboardGrid {
             target.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDashboardGrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDashboardGrid, isStandalone: true, selector: "[slDashboardGrid]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, defaultLayout: { classPropertyName: "defaultLayout", publicName: "defaultLayout", isSignal: true, isRequired: false, transformFunction: null }, editing: { classPropertyName: "editing", publicName: "editing", isSignal: true, isRequired: false, transformFunction: null }, defaultEditing: { classPropertyName: "defaultEditing", publicName: "defaultEditing", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, editBar: { classPropertyName: "editBar", publicName: "editBar", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { layout: "layoutChange", editing: "editingChange", layoutChangeRequest: "layoutChangeRequest", editingChangeRequest: "editingChangeRequest" }, host: { attributes: { "data-ui": "dashboard-grid", "data-part": "root" }, properties: { "attr.data-editing": "isEditing() ? \"\" : null", "attr.data-gesture": "gesture() === null ? null : \"\"", "attr.aria-label": "null", "attr.aria-labelledby": "null", "style.--_dg-columns-expanded": "grid().expanded", "style.--_dg-columns-medium": "grid().medium", "style.--_dg-columns-compact": "grid().compact" } }, queries: [{ propertyName: "widgets", predicate: SlDashboardWidget, isSignal: true }], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, isSignal: true }], exportAs: ["slDashboardGrid"], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDashboardGrid, isStandalone: true, selector: "[slDashboardGrid]", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, defaultLayout: { classPropertyName: "defaultLayout", publicName: "defaultLayout", isSignal: true, isRequired: false, transformFunction: null }, editing: { classPropertyName: "editing", publicName: "editing", isSignal: true, isRequired: false, transformFunction: null }, defaultEditing: { classPropertyName: "defaultEditing", publicName: "defaultEditing", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, editBar: { classPropertyName: "editBar", publicName: "editBar", isSignal: true, isRequired: false, transformFunction: null }, headingLevel: { classPropertyName: "headingLevel", publicName: "headingLevel", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { layout: "layoutChange", editing: "editingChange", layoutChangeRequest: "layoutChangeRequest", editingChangeRequest: "editingChangeRequest" }, host: { attributes: { "data-ui": "dashboard-grid", "data-ui-dashboard-grid": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-editing": "isEditing() ? \"\" : null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "style.--_dg-columns-expanded": "grid().expanded", "style.--_dg-columns-medium": "grid().medium", "style.--_dg-columns-compact": "grid().compact" } }, queries: [{ propertyName: "widgets", predicate: SlDashboardWidget, isSignal: true }], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, isSignal: true }], exportAs: ["slDashboardGrid"], ngImport: i0, template: `
     @if (isEditing() && resolvedEditBar()) {
-      <div data-part="edit-bar" role="group" [attr.aria-label]="t('editBar')">
-        <p data-part="edit-status" [id]="statusId">{{ t('editStatus') }}</p>
-        <div data-part="edit-actions">
+      <div data-part="edit-bar" data-part-edit-bar="" role="group" [attr.aria-label]="t('editBar')">
+        <p data-part="edit-status" data-part-edit-status="" [id]="statusId">
+          {{ t('editStatus') }}
+        </p>
+        <div data-part="edit-actions" data-part-edit-actions="">
           @if (hiddenTiles().length > 0) {
             <button
               slButton
@@ -1148,13 +1146,21 @@ class SlDashboardGrid {
       </div>
     }
     @if (isEditing() && !resolvedEditBar()) {
-      <p data-part="edit-status" data-ui="visually-hidden" [id]="statusId">
+      <p
+        data-part="edit-status"
+        data-part-edit-status=""
+        data-ui="visually-hidden"
+        data-ui-visually-hidden=""
+        [id]="statusId"
+      >
         {{ t('editStatus') }}
       </p>
     }
     <ul
       #list
       data-part="grid"
+      data-part-grid=""
+      [attr.data-gesture]="gesture() === null ? null : ''"
       role="list"
       [attr.aria-label]="ariaLabel() ?? null"
       [attr.aria-labelledby]="ariaLabelledBy() ?? null"
@@ -1163,6 +1169,7 @@ class SlDashboardGrid {
       @for (slot of slots(); track slot.tile.key) {
         <li
           data-part="widget"
+          data-part-widget=""
           [attr.data-key]="slot.tile.key"
           [attr.data-status]="slot.widget.status()"
           [attr.data-loading]="slot.widget.painted() ? '' : null"
@@ -1187,23 +1194,37 @@ class SlDashboardGrid {
             <div slCardHeader>
               @switch (levelOf(slot.widget)) {
                 @case (2) {
-                  <h2 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h2>
+                  <h2 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h2>
                 }
                 @case (4) {
-                  <h4 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h4>
+                  <h4 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h4>
                 }
                 @case (5) {
-                  <h5 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h5>
+                  <h5 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h5>
                 }
                 @case (6) {
-                  <h6 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h6>
+                  <h6 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h6>
                 }
                 @default {
-                  <h3 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h3>
+                  <h3 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h3>
                 }
               }
               @if (slot.widget.description(); as description) {
-                <p data-part="description" [id]="titleId(slot.tile.key) + '-description'">
+                <p
+                  data-part="description"
+                  data-part-description=""
+                  [id]="titleId(slot.tile.key) + '-description'"
+                >
                   {{ description }}
                 </p>
               }
@@ -1217,7 +1238,9 @@ class SlDashboardGrid {
                   @if (slot.widget.detailHref(); as href) {
                     <a
                       data-ui="button"
+                      data-ui-button=""
                       data-part="detail"
+                      data-part-detail=""
                       data-tone="secondary"
                       data-variant="ghost"
                       data-size="sm"
@@ -1225,7 +1248,7 @@ class SlDashboardGrid {
                       [attr.href]="href"
                       [attr.aria-label]="t('detail', { title: slot.widget.title() })"
                       (click)="slot.widget.detail.emit($event)"
-                      ><span data-part="icon" aria-hidden="true"
+                      ><span data-part="icon" data-part-icon="" aria-hidden="true"
                         ><span slIcon directional><svg slGlyph name="external"></svg></span></span
                     ></a>
                   } @else if (slot.widget.detailable()) {
@@ -1246,10 +1269,14 @@ class SlDashboardGrid {
             </div>
             <div slCardBody>
               @if (slot.widget.busy() && !slot.widget.painted()) {
-                <span data-part="busy-indicator" aria-hidden="true"></span>
+                <span
+                  data-part="busy-indicator"
+                  data-part-busy-indicator=""
+                  aria-hidden="true"
+                ></span>
               }
               @if (slot.widget.painted()) {
-                <div data-part="skeleton">
+                <div data-part="skeleton" data-part-skeleton="">
                   @if (slot.widget.hasSkeleton()) {
                     <ng-container [ngTemplateOutlet]="slot.widget.skeletonTemplate()" />
                   } @else {
@@ -1257,7 +1284,7 @@ class SlDashboardGrid {
                   }
                 </div>
               } @else if (slot.widget.status() === 'empty') {
-                <div data-part="message">
+                <div data-part="message" data-part-message="">
                   <section slResultState status="empty" reach="section" align="center" live="off">
                     <div slResultStateContent>
                       <div slResultStateTitle>
@@ -1275,7 +1302,7 @@ class SlDashboardGrid {
                   </section>
                 </div>
               } @else if (slot.widget.status() === 'error') {
-                <div data-part="message">
+                <div data-part="message" data-part-message="">
                   <section
                     slResultState
                     status="error"
@@ -1423,6 +1450,7 @@ class SlDashboardGrid {
             @for (edge of edges; track edge) {
               <span
                 data-part="resize-handle"
+                data-part-resize-handle=""
                 aria-hidden="true"
                 [attr.data-edge]="edge"
                 [attr.data-active]="slot.edge === edge ? '' : null"
@@ -1431,18 +1459,27 @@ class SlDashboardGrid {
             }
           }
           @if (slot.readout !== null) {
-            <span data-part="size-readout" aria-hidden="true" [attr.data-edge]="slot.edge">{{
-              slot.readout
-            }}</span>
+            <span
+              data-part="size-readout"
+              data-part-size-readout=""
+              aria-hidden="true"
+              [attr.data-edge]="slot.edge"
+              >{{ slot.readout }}</span
+            >
           }
         </li>
       }
       @if (placeholder(); as style) {
-        <li data-part="placeholder" aria-hidden="true" [style]="style"></li>
+        <li
+          data-part="placeholder"
+          data-part-placeholder=""
+          aria-hidden="true"
+          [style]="style"
+        ></li>
       }
     </ul>
     @if (slots().length === 0) {
-      <div data-part="empty">
+      <div data-part="empty" data-part-empty="">
         <section slResultState status="empty" reach="section" live="polite">
           <div slResultStateContent>
             <div slResultStateTitle>{{ t('empty') }}</div>
@@ -1453,7 +1490,7 @@ class SlDashboardGrid {
         </section>
       </div>
     }
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=dashboard-grid]{--_gap: var(--slotted-dashboard-grid-gap, var(--slotted-space-6, 1rem));--_row: var(--slotted-dashboard-grid-row-size, 4.5rem);--_cols: var(--_dg-columns-expanded, 12);--_radius: var(--slotted-card-radius, var(--slotted-radius-lg, 8px));--_accent: var(--slotted-dashboard-grid-accent, var(--slotted-tone-accent-solid, Highlight));container:dashboard-grid / inline-size;display:flex;flex-direction:column;gap:var(--_gap);min-inline-size:0}[data-ui=dashboard-grid]>[data-part=grid]{display:grid;gap:var(--_gap);grid-auto-rows:var(--_row);grid-template-columns:repeat(var(--_cols),minmax(0,1fr));list-style:none;margin:0;min-inline-size:0;padding:0;position:relative}[data-ui=dashboard-grid] [data-part=grid][hidden],[data-ui=dashboard-grid] [data-part=widget][hidden]{display:none}[data-ui=dashboard-grid] :is([data-part=widget],[data-part=placeholder]){grid-column:var(--_dg-x, auto) / span var(--_dg-w, 4);grid-row:var(--_dg-y, auto) / span var(--_dg-h, 2);min-block-size:0;min-inline-size:0}[data-ui=dashboard-grid] [data-part=widget]{display:flex;position:relative}@container dashboard-grid (width < 1024px){[data-ui=dashboard-grid]>[data-part=grid]{--_cols: var(--_dg-columns-medium, 6)}[data-ui=dashboard-grid] :is([data-part=widget],[data-part=placeholder]){grid-column:auto / span var(--_dg-span-medium, 3);grid-row:auto / span var(--_dg-h, 2)}}@container dashboard-grid (width < 600px){[data-ui=dashboard-grid]>[data-part=grid]{--_cols: var(--_dg-columns-compact, 1);grid-auto-rows:auto}[data-ui=dashboard-grid] :is([data-part=widget],[data-part=placeholder]){grid-column:1 / -1;grid-row:auto}[data-ui=dashboard-grid] [data-part=placeholder]{min-block-size:calc(var(--_row) * 2)}}[data-ui=dashboard-grid] [data-part=widget]>[data-ui=card]{flex:1 1 auto;min-block-size:0;min-inline-size:0;transition:box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=dashboard-grid] [data-part=widget]>[data-ui=card]>[data-part=body]{--slotted-chart-plot-block-size: calc(var(--_row) * 1.5);display:flex;flex-direction:column;overflow:auto;position:relative}[data-ui=dashboard-grid] [data-part=widget]>[data-ui=card]>[data-part=body]>:not([data-part=busy-indicator]){flex:1 0 auto}[data-ui=dashboard-grid] [data-part=widget] [data-part=title]{-webkit-box-orient:vertical;color:var(--slotted-dashboard-grid-title-color, var(--slotted-text, CanvasText));display:-webkit-box;font-family:var( --slotted-dashboard-grid-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var( --slotted-dashboard-grid-title-font-size, var(--slotted-font-size-md, .8125rem) );font-weight:var(--slotted-font-weight-semibold, 600);-webkit-line-clamp:2;line-clamp:2;line-height:var(--slotted-line-height-md, 1.5);margin:0;overflow:hidden;overflow-wrap:anywhere}[data-ui=dashboard-grid] [data-part=widget] [data-part=description]{color:var(--slotted-dashboard-grid-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-sm, .75rem);line-height:var(--slotted-line-height-sm, 1.5);margin:0;overflow-wrap:anywhere}[data-ui=dashboard-grid] [data-part=widget] [data-part=actions]{flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-control-height-sm, 1.75rem) - var(--slotted-font-size-md, .8125rem) * var(--slotted-line-height-md, 1.5)) / -2)}[data-ui=dashboard-grid] [data-part=widget] [data-part=skeleton]{display:flex;flex-direction:column;min-block-size:var(--slotted-space-12, 4rem)}[data-ui=dashboard-grid] [data-part=widget] [data-part=skeleton]>[data-ui=skeleton]{block-size:auto;flex:1 1 auto;inline-size:100%}[data-ui=dashboard-grid] [data-part=widget] [data-part=message]{align-content:center;display:grid;justify-items:center}[data-ui=dashboard-grid] [data-part=widget] [data-part=busy-indicator]{background-color:var(--_accent);block-size:var(--slotted-border-width-medium, 2px);inset-block-start:0;inset-inline:0;opacity:.35;pointer-events:none;position:absolute}@media(prefers-reduced-motion:no-preference){[data-ui=dashboard-grid] [data-part=widget] [data-part=busy-indicator]{animation:slotted-dashboard-grid-busy var(--slotted-duration-loop-slow) linear infinite;background-color:transparent;background-image:linear-gradient(to right,transparent,var(--_accent) 50%,transparent);background-repeat:no-repeat;background-size:40% 100%;opacity:1}}@media(prefers-reduced-motion:reduce){[data-ui=dashboard-grid] [data-part=widget] [data-part=busy-indicator]{animation:none}}@keyframes slotted-dashboard-grid-busy{0%{background-position:-40% 0}to{background-position:140% 0}}[data-ui=dashboard-grid]>[data-part=edit-bar]{align-items:center;background-color:var( --slotted-dashboard-grid-edit-bar-background, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var(--slotted-dashboard-grid-edit-bar-border, var(--slotted-border-subtle, CanvasText));border-radius:var(--_radius);box-shadow:var(--slotted-shadow-xs);display:flex;flex-wrap:wrap;gap:var(--slotted-space-4, .5rem) var(--slotted-space-6, 1rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-6, 1rem) var(--slotted-space-4, .5rem)}@starting-style{[data-ui=dashboard-grid]>[data-part=edit-bar]{opacity:0;translate:0 calc(var(--slotted-space-4, .5rem) * -1)}}[data-ui=dashboard-grid]>[data-part=edit-bar]{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=dashboard-grid]>[data-part=edit-bar]>[data-part=edit-status]{color:var(--slotted-text-muted, GrayText);flex:1 1 20rem;font-size:var(--slotted-font-size-sm, .75rem);line-height:var(--slotted-line-height-sm, 1.5);margin:0;min-inline-size:0}[data-ui=dashboard-grid]>[data-part=edit-bar]>[data-part=edit-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-space-3, .375rem);justify-content:flex-end;margin-inline-start:auto}[data-ui=dashboard-grid]>[data-part=grid]:before{background-image:radial-gradient(circle at calc((100% - var(--_gap)) / 2) calc((100% - var(--_gap)) / 2),var(--slotted-dashboard-grid-lattice-color, var(--slotted-border-strong, currentColor)) var(--slotted-dashboard-grid-lattice-dot, 1.5px),transparent calc(var(--slotted-dashboard-grid-lattice-dot, 1.5px) + .75px));background-size:calc((100% + var(--_gap)) / var(--_cols)) calc(var(--_row) + var(--_gap));content:\"\";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=dashboard-grid][data-editing]>[data-part=grid]{min-block-size:calc(var(--_row) * 2 + var(--_gap))}[data-ui=dashboard-grid][data-editing]>[data-part=grid]:before{opacity:.7}[data-ui=dashboard-grid][data-gesture]>[data-part=grid]:before{opacity:1}@container dashboard-grid (width < 1024px){[data-ui=dashboard-grid]>[data-part=grid]:before{display:none}}[data-ui=dashboard-grid][data-editing] [data-part=widget][data-movable]>[data-ui=card]{cursor:grab}[data-ui=dashboard-grid][data-editing] [data-part=widget][data-movable]>[data-ui=card] :is(a,button,input,select,textarea,[tabindex]){cursor:auto}[data-ui=dashboard-grid][data-editing] [data-part=widget]:not([data-loading]):hover>[data-ui=card]{box-shadow:var(--slotted-shadow-sm)}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]{--_pill-inline: var(--slotted-dashboard-grid-handle-inline-size, 2.25rem);--_pill-block: var(--slotted-dashboard-grid-handle-block-size, 1rem);align-items:center;appearance:none;background-color:var(--slotted-control-surface, Canvas);block-size:var(--_pill-block);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text-muted, GrayText);cursor:grab;display:flex;font:inherit;inline-size:var(--_pill-inline);inset-block-start:calc(var(--_pill-block) / -2);inset-inline:0;justify-content:center;margin:0 auto;padding:0;position:absolute;touch-action:none;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),border-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);z-index:2}@starting-style{[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]{opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]:before{content:\"\";inset:calc((var(--slotted-target-min, 24px) - var(--_pill-block)) / -2) calc(var(--slotted-space-4, .5rem) * -1);position:absolute}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]>[data-ui=icon]{--slotted-icon-size: var(--slotted-dashboard-grid-handle-glyph-size, .875rem)}[data-ui=dashboard-grid][data-editing] [data-part=widget]:not([data-loading]):hover>[data-part=handle]{border-color:var(--slotted-border-strong, ButtonBorder);color:var(--slotted-text, CanvasText)}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=dashboard-grid] [data-part=widget]:is([data-dragging],[data-resizing])>[data-part=handle],[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle][aria-expanded=true]{background-color:var(--_accent);border-color:var(--_accent);color:var(--slotted-tone-accent-on-solid, HighlightText)}[data-ui=dashboard-grid] [data-part=widget]>[data-part=resize-handle]{--_hit: var(--slotted-dashboard-grid-resize-hit, .75rem);--_mark: var(--slotted-border-strong, currentColor);opacity:0;position:absolute;touch-action:none;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=dashboard-grid][data-editing] [data-part=widget]:not([data-loading]):hover>[data-part=resize-handle],[data-ui=dashboard-grid][data-editing] [data-part=widget]:focus-within>[data-part=resize-handle],[data-ui=dashboard-grid] [data-part=widget][data-resizing]>[data-part=resize-handle]{opacity:1}@media(pointer:coarse){[data-ui=dashboard-grid] [data-part=widget]>[data-part=resize-handle]{--_hit: var(--slotted-target-comfortable, 44px);opacity:1}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]{--_pill-inline: var(--slotted-dashboard-grid-handle-inline-size-coarse, 2.75rem);--_pill-block: var(--slotted-dashboard-grid-handle-block-size-coarse, 1.25rem)}}[data-ui=dashboard-grid] [data-part=resize-handle]:before{background-color:var(--_mark);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset:0;margin:auto;position:absolute;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),block-size var(--slotted-duration-short) var(--slotted-easing-standard),inline-size var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=start],[data-edge=end]){cursor:ew-resize;inline-size:var(--_hit);inset-block:calc(var(--_radius) + var(--_hit) / 2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=start]{inset-inline-start:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=end]{inset-inline-end:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=start],[data-edge=end]):before{block-size:var(--slotted-dashboard-grid-resize-pill, 1.75rem);inline-size:var(--slotted-border-width-thick, 3px)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom]{block-size:var(--_hit);cursor:ns-resize;inset-block-end:calc(var(--_hit) / -2);inset-inline:calc(var(--_radius) + var(--_hit) / 2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom]:before{block-size:var(--slotted-border-width-thick, 3px);inline-size:var(--slotted-dashboard-grid-resize-pill, 1.75rem)}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=bottom-start],[data-edge=bottom-end]){block-size:calc(var(--_hit) * 1.5);inline-size:calc(var(--_hit) * 1.5);inset-block-end:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-end]{cursor:nwse-resize;inset-inline-end:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-start]{cursor:nesw-resize;inset-inline-start:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-end]:dir(rtl){cursor:nesw-resize}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-start]:dir(rtl){cursor:nwse-resize}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=bottom-start],[data-edge=bottom-end]):before{background-color:transparent;block-size:var(--_radius);border-block-end:var(--slotted-border-width-thick, 3px) solid var(--_mark);border-radius:0;inline-size:var(--_radius);inset:auto;inset-block-end:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px));margin:0}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-end]:before{border-end-end-radius:var(--_radius);border-inline-end:var(--slotted-border-width-thick, 3px) solid var(--_mark);inset-inline-end:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px))}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-start]:before{border-end-start-radius:var(--_radius);border-inline-start:var(--slotted-border-width-thick, 3px) solid var(--_mark);inset-inline-start:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px))}[data-ui=dashboard-grid] [data-part=resize-handle]:not([data-disabled]):hover,[data-ui=dashboard-grid] [data-part=resize-handle][data-active]{--_mark: var(--_accent)}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=start],[data-edge=end]):is(:not([data-disabled]):hover,[data-active]):before{block-size:var(--slotted-dashboard-grid-resize-pill-active, 2.75rem)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom]:is(:not([data-disabled]):hover,[data-active]):before{inline-size:var(--slotted-dashboard-grid-resize-pill-active, 2.75rem)}@container dashboard-grid (width < 1024px){[data-ui=dashboard-grid] [data-part=widget]>[data-part=resize-handle]:is([data-edge=start],[data-edge=bottom-start]){display:none}}@container dashboard-grid (width < 600px){[data-ui=dashboard-grid] [data-part=widget]>[data-part=resize-handle]{display:none}}[data-ui=dashboard-grid] [data-part=widget]:is([data-dragging],[data-resizing]){block-size:var(--_dg-origin-block-size);grid-column:auto;grid-row:auto;inline-size:var(--_dg-origin-inline-size);inset-block-start:var(--_dg-origin-block-start);inset-inline-start:var(--_dg-origin-inline-start);position:absolute;translate:var(--_dg-lift-x, 0) var(--_dg-lift-y, 0);z-index:3}[data-ui=dashboard-grid] [data-part=widget][data-dragging]{cursor:grabbing}[data-ui=dashboard-grid] [data-part=widget][data-dragging]>[data-ui=card]{box-shadow:var(--slotted-shadow-lg),0 0 0 var(--slotted-border-width-thin, 1px) color-mix(in oklab,var(--_accent) 60%,transparent)}[data-ui=dashboard-grid] [data-part=widget][data-resizing]>[data-ui=card]{box-shadow:var(--slotted-shadow-md),0 0 0 var(--slotted-border-width-thin, 1px) color-mix(in oklab,var(--_accent) 60%,transparent)}[data-ui=dashboard-grid]>[data-part=grid]>[data-part=placeholder]{background-color:color-mix(in oklab,var(--_accent) 10%,transparent);border:var(--slotted-border-width-thin, 1px) solid color-mix(in oklab,var(--_accent) 55%,transparent);border-radius:var(--_radius);box-sizing:border-box;pointer-events:none}[data-ui=dashboard-grid] [data-part=widget]>[data-part=size-readout]{background-color:var(--_accent);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-tone-accent-on-solid, HighlightText);font-size:var(--slotted-font-size-xs, .6875rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:var(--slotted-space-5, .75rem);inset-inline-end:var(--slotted-space-5, .75rem);line-height:var(--slotted-line-height-xs, 1.4);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);pointer-events:none;position:absolute;white-space:nowrap;z-index:4}[data-ui=dashboard-grid] [data-part=widget]>[data-part=size-readout][data-edge=start],[data-ui=dashboard-grid] [data-part=widget]>[data-part=size-readout][data-edge=bottom-start]{inset-inline:var(--slotted-space-5, .75rem) auto}[data-ui=dashboard-grid]>[data-part=empty]{min-block-size:calc(var(--_row) * 2 + var(--_gap))}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonStart, selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "component", type: SlCard, selector: "[slCard]", inputs: ["orientation", "fill", "size", "selected", "disabled"], exportAs: ["slCard"] }, { kind: "directive", type: SlCardActions, selector: "[slCardActions]", exportAs: ["slCardActions"] }, { kind: "directive", type: SlCardBody, selector: "[slCardBody]", exportAs: ["slCardBody"] }, { kind: "directive", type: SlCardFooter, selector: "[slCardFooter]", exportAs: ["slCardFooter"] }, { kind: "directive", type: SlCardHeader, selector: "[slCardHeader]", exportAs: ["slCardHeader"] }, { kind: "directive", type: SlDashboardPart, selector: "[slDashboardPart]", inputs: ["slDashboardPart"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlIconButton, selector: "button[slIconButton]", inputs: ["disabled", "focusableWhenDisabled", "loading", "loadingDelay", "messages", "shape", "size", "tone", "type", "variant", "pressed", "defaultPressed"], outputs: ["pressedChange"], exportAs: ["slIconButton"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "directive", type: SlResultStateDescription, selector: "[slResultStateDescription]", exportAs: ["slResultStateDescription"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui-dashboard-grid]{--_gap: var(--slotted-dashboard-grid-gap, var(--slotted-space-6, 1rem));--_row: var(--slotted-dashboard-grid-row-size, 4.5rem);--_cols: var(--_dg-columns-expanded, 12);--_radius: var(--slotted-card-radius, var(--slotted-radius-lg, 8px));--_accent: var(--slotted-dashboard-grid-accent, var(--slotted-tone-accent-solid, Highlight));container:dashboard-grid / inline-size;display:flex;flex-direction:column;gap:var(--_gap);min-inline-size:0}[data-ui-dashboard-grid]>[data-part-grid]{display:grid;gap:var(--_gap);grid-auto-rows:var(--_row);grid-template-columns:repeat(var(--_cols),minmax(0,1fr));list-style:none;margin:0;min-inline-size:0;padding:0;position:relative}[data-ui-dashboard-grid] [data-part-grid][hidden],[data-ui-dashboard-grid] [data-part-widget][hidden]{display:none}[data-ui-dashboard-grid] :is([data-part-widget],[data-part-placeholder]){grid-column:var(--_dg-x, auto) / span var(--_dg-w, 4);grid-row:var(--_dg-y, auto) / span var(--_dg-h, 2);min-block-size:0;min-inline-size:0}[data-ui-dashboard-grid] [data-part-widget]{display:flex;position:relative}@container dashboard-grid (width < 1024px){[data-ui-dashboard-grid]>[data-part-grid]{--_cols: var(--_dg-columns-medium, 6)}[data-ui-dashboard-grid] :is([data-part-widget],[data-part-placeholder]){grid-column:auto / span var(--_dg-span-medium, 3);grid-row:auto / span var(--_dg-h, 2)}}@container dashboard-grid (width < 600px){[data-ui-dashboard-grid]>[data-part-grid]{--_cols: var(--_dg-columns-compact, 1);grid-auto-rows:auto}[data-ui-dashboard-grid] :is([data-part-widget],[data-part-placeholder]){grid-column:1 / -1;grid-row:auto}[data-ui-dashboard-grid] [data-part-placeholder]{min-block-size:calc(var(--_row) * 2)}}[data-ui-dashboard-grid] [data-part-widget]>[data-ui-card]{flex:1 1 auto;min-block-size:0;min-inline-size:0;transition:box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-dashboard-grid] [data-part-widget]>[data-ui-card]>[data-part-body]{--slotted-chart-plot-block-size: calc(var(--_row) * 1.5);display:flex;flex-direction:column;overflow:auto;position:relative}[data-ui-dashboard-grid] [data-part-widget]>[data-ui-card]>[data-part-body]>:not([data-part-busy-indicator]){flex:1 0 auto}[data-ui-dashboard-grid] [data-part-widget] [data-part-title]{-webkit-box-orient:vertical;color:var(--slotted-dashboard-grid-title-color, var(--slotted-text, CanvasText));display:-webkit-box;font-family:var( --slotted-dashboard-grid-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var( --slotted-dashboard-grid-title-font-size, var(--slotted-font-size-md, .8125rem) );font-weight:var(--slotted-font-weight-semibold, 600);-webkit-line-clamp:2;line-clamp:2;line-height:var(--slotted-line-height-md, 1.5);margin:0;overflow:hidden;overflow-wrap:anywhere}[data-ui-dashboard-grid] [data-part-widget] [data-part-description]{color:var(--slotted-dashboard-grid-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-sm, .75rem);line-height:var(--slotted-line-height-sm, 1.5);margin:0;overflow-wrap:anywhere}[data-ui-dashboard-grid] [data-part-widget] [data-part-actions]{flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-control-height-sm, 1.75rem) - var(--slotted-font-size-md, .8125rem) * var(--slotted-line-height-md, 1.5)) / -2)}[data-ui-dashboard-grid] [data-part-widget] [data-part-skeleton]{display:flex;flex-direction:column;min-block-size:var(--slotted-space-12, 4rem)}[data-ui-dashboard-grid] [data-part-widget] [data-part-skeleton]>[data-ui-skeleton]{block-size:auto;flex:1 1 auto;inline-size:100%}[data-ui-dashboard-grid] [data-part-widget] [data-part-message]{align-content:center;display:grid;justify-items:center}[data-ui-dashboard-grid] [data-part-widget] [data-part-busy-indicator]{background-color:var(--_accent);block-size:var(--slotted-border-width-medium, 2px);inset-block-start:0;inset-inline:0;opacity:.35;pointer-events:none;position:absolute}@media(prefers-reduced-motion:no-preference){[data-ui-dashboard-grid] [data-part-widget] [data-part-busy-indicator]{animation:slotted-dashboard-grid-busy var(--slotted-duration-loop-slow) linear infinite;background-color:transparent;background-image:linear-gradient(to right,transparent,var(--_accent) 50%,transparent);background-repeat:no-repeat;background-size:40% 100%;opacity:1}}@media(prefers-reduced-motion:reduce){[data-ui-dashboard-grid] [data-part-widget] [data-part-busy-indicator]{animation:none}}@keyframes slotted-dashboard-grid-busy{0%{background-position:-40% 0}to{background-position:140% 0}}[data-ui-dashboard-grid]>[data-part-edit-bar]{align-items:center;background-color:var( --slotted-dashboard-grid-edit-bar-background, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var(--slotted-dashboard-grid-edit-bar-border, var(--slotted-border-subtle, CanvasText));border-radius:var(--_radius);box-shadow:var(--slotted-shadow-xs);display:flex;flex-wrap:wrap;gap:var(--slotted-space-4, .5rem) var(--slotted-space-6, 1rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-6, 1rem) var(--slotted-space-4, .5rem)}@starting-style{[data-ui-dashboard-grid]>[data-part-edit-bar]{opacity:0;translate:0 calc(var(--slotted-space-4, .5rem) * -1)}}[data-ui-dashboard-grid]>[data-part-edit-bar]{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-dashboard-grid]>[data-part-edit-bar]>[data-part-edit-status]{color:var(--slotted-text-muted, GrayText);flex:1 1 20rem;font-size:var(--slotted-font-size-sm, .75rem);line-height:var(--slotted-line-height-sm, 1.5);margin:0;min-inline-size:0}[data-ui-dashboard-grid]>[data-part-edit-bar]>[data-part-edit-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-space-3, .375rem);justify-content:flex-end;margin-inline-start:auto}[data-ui-dashboard-grid]>[data-part-grid]:before{background-image:radial-gradient(circle at calc((100% - var(--_gap)) / 2) calc((100% - var(--_gap)) / 2),var(--slotted-dashboard-grid-lattice-color, var(--slotted-border-strong, currentColor)) var(--slotted-dashboard-grid-lattice-dot, 1.5px),transparent calc(var(--slotted-dashboard-grid-lattice-dot, 1.5px) + .75px));background-size:calc((100% + var(--_gap)) / var(--_cols)) calc(var(--_row) + var(--_gap));content:\"\";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-dashboard-grid][data-editing]>[data-part-grid]{min-block-size:calc(var(--_row) * 2 + var(--_gap))}[data-ui-dashboard-grid][data-editing]>[data-part-grid]:before{opacity:.7}[data-ui-dashboard-grid]>[data-part-grid][data-gesture]:before{opacity:1}@container dashboard-grid (width < 1024px){[data-ui-dashboard-grid]>[data-part-grid]:before{display:none}}[data-ui-dashboard-grid][data-editing] [data-part-widget][data-movable]>[data-ui-card]{cursor:grab}[data-ui-dashboard-grid][data-editing] [data-part-widget][data-movable]>[data-ui-card] :is(a,button,input,select,textarea,[tabindex]){cursor:auto}[data-ui-dashboard-grid][data-editing] [data-part-widget]:not([data-loading]):hover>[data-ui-card]{box-shadow:var(--slotted-shadow-sm)}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]{--_pill-inline: var(--slotted-dashboard-grid-handle-inline-size, 2.25rem);--_pill-block: var(--slotted-dashboard-grid-handle-block-size, 1rem);align-items:center;appearance:none;background-color:var(--slotted-control-surface, Canvas);block-size:var(--_pill-block);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text-muted, GrayText);cursor:grab;display:flex;font:inherit;inline-size:var(--_pill-inline);inset-block-start:calc(var(--_pill-block) / -2);inset-inline:0;justify-content:center;margin:0 auto;padding:0;position:absolute;touch-action:none;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),border-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);z-index:2}@starting-style{[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]{opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]:before{content:\"\";inset:calc((var(--slotted-target-min, 24px) - var(--_pill-block)) / -2) calc(var(--slotted-space-4, .5rem) * -1);position:absolute}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]>[data-ui-icon]{--slotted-icon-size: var(--slotted-dashboard-grid-handle-glyph-size, .875rem)}[data-ui-dashboard-grid][data-editing] [data-part-widget]:not([data-loading]):hover>[data-part-handle]{border-color:var(--slotted-border-strong, ButtonBorder);color:var(--slotted-text, CanvasText)}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-dashboard-grid] [data-part-widget]:is([data-dragging],[data-resizing])>[data-part-handle],[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle][aria-expanded=true]{background-color:var(--_accent);border-color:var(--_accent);color:var(--slotted-tone-accent-on-solid, HighlightText)}[data-ui-dashboard-grid] [data-part-widget]>[data-part-resize-handle]{--_hit: var(--slotted-dashboard-grid-resize-hit, .75rem);--_mark: var(--slotted-border-strong, currentColor);opacity:0;position:absolute;touch-action:none;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui-dashboard-grid][data-editing] [data-part-widget]:not([data-loading]):hover>[data-part-resize-handle],[data-ui-dashboard-grid][data-editing] [data-part-widget]:focus-within>[data-part-resize-handle],[data-ui-dashboard-grid] [data-part-widget][data-resizing]>[data-part-resize-handle]{opacity:1}@media(pointer:coarse){[data-ui-dashboard-grid] [data-part-widget]>[data-part-resize-handle]{--_hit: var(--slotted-target-comfortable, 44px);opacity:1}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]{--_pill-inline: var(--slotted-dashboard-grid-handle-inline-size-coarse, 2.75rem);--_pill-block: var(--slotted-dashboard-grid-handle-block-size-coarse, 1.25rem)}}[data-ui-dashboard-grid] [data-part-resize-handle]:before{background-color:var(--_mark);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset:0;margin:auto;position:absolute;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),block-size var(--slotted-duration-short) var(--slotted-easing-standard),inline-size var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=start],[data-edge=end]){cursor:ew-resize;inline-size:var(--_hit);inset-block:calc(var(--_radius) + var(--_hit) / 2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=start]{inset-inline-start:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=end]{inset-inline-end:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=start],[data-edge=end]):before{block-size:var(--slotted-dashboard-grid-resize-pill, 1.75rem);inline-size:var(--slotted-border-width-thick, 3px)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom]{block-size:var(--_hit);cursor:ns-resize;inset-block-end:calc(var(--_hit) / -2);inset-inline:calc(var(--_radius) + var(--_hit) / 2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom]:before{block-size:var(--slotted-border-width-thick, 3px);inline-size:var(--slotted-dashboard-grid-resize-pill, 1.75rem)}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=bottom-start],[data-edge=bottom-end]){block-size:calc(var(--_hit) * 1.5);inline-size:calc(var(--_hit) * 1.5);inset-block-end:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-end]{cursor:nwse-resize;inset-inline-end:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-start]{cursor:nesw-resize;inset-inline-start:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-end]:dir(rtl){cursor:nesw-resize}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-start]:dir(rtl){cursor:nwse-resize}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=bottom-start],[data-edge=bottom-end]):before{background-color:transparent;block-size:var(--_radius);border-block-end:var(--slotted-border-width-thick, 3px) solid var(--_mark);border-radius:0;inline-size:var(--_radius);inset:auto;inset-block-end:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px));margin:0}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-end]:before{border-end-end-radius:var(--_radius);border-inline-end:var(--slotted-border-width-thick, 3px) solid var(--_mark);inset-inline-end:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px))}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-start]:before{border-end-start-radius:var(--_radius);border-inline-start:var(--slotted-border-width-thick, 3px) solid var(--_mark);inset-inline-start:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px))}[data-ui-dashboard-grid] [data-part-resize-handle]:not([data-disabled]):hover,[data-ui-dashboard-grid] [data-part-resize-handle][data-active]{--_mark: var(--_accent)}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=start],[data-edge=end]):is(:not([data-disabled]):hover,[data-active]):before{block-size:var(--slotted-dashboard-grid-resize-pill-active, 2.75rem)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom]:is(:not([data-disabled]):hover,[data-active]):before{inline-size:var(--slotted-dashboard-grid-resize-pill-active, 2.75rem)}@container dashboard-grid (width < 1024px){[data-ui-dashboard-grid] [data-part-widget]>[data-part-resize-handle]:is([data-edge=start],[data-edge=bottom-start]){display:none}}@container dashboard-grid (width < 600px){[data-ui-dashboard-grid] [data-part-widget]>[data-part-resize-handle]{display:none}}[data-ui-dashboard-grid] [data-part-widget]:is([data-dragging],[data-resizing]){grid-column:auto;grid-row:auto;position:absolute;z-index:3}[data-ui-dashboard-grid] [data-part-widget][data-dragging]{cursor:grabbing}[data-ui-dashboard-grid] [data-part-widget][data-dragging]>[data-ui-card]{box-shadow:var(--slotted-shadow-lg),0 0 0 var(--slotted-border-width-thin, 1px) color-mix(in oklab,var(--_accent) 60%,transparent)}[data-ui-dashboard-grid] [data-part-widget][data-resizing]>[data-ui-card]{box-shadow:var(--slotted-shadow-md),0 0 0 var(--slotted-border-width-thin, 1px) color-mix(in oklab,var(--_accent) 60%,transparent)}[data-ui-dashboard-grid]>[data-part-grid]>[data-part-placeholder]{background-color:color-mix(in oklab,var(--_accent) 10%,transparent);border:var(--slotted-border-width-thin, 1px) solid color-mix(in oklab,var(--_accent) 55%,transparent);border-radius:var(--_radius);box-sizing:border-box;pointer-events:none}[data-ui-dashboard-grid] [data-part-widget]>[data-part-size-readout]{background-color:var(--_accent);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-tone-accent-on-solid, HighlightText);font-size:var(--slotted-font-size-xs, .6875rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:var(--slotted-space-5, .75rem);inset-inline-end:var(--slotted-space-5, .75rem);line-height:var(--slotted-line-height-xs, 1.4);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);pointer-events:none;position:absolute;white-space:nowrap;z-index:4}[data-ui-dashboard-grid] [data-part-widget]>[data-part-size-readout][data-edge=start],[data-ui-dashboard-grid] [data-part-widget]>[data-part-size-readout][data-edge=bottom-start]{inset-inline:var(--slotted-space-5, .75rem) auto}[data-ui-dashboard-grid]>[data-part-empty]{min-block-size:calc(var(--_row) * 2 + var(--_gap))}}@property --_dg-x{syntax: \"*\"; inherits: false;}@property --_dg-y{syntax: \"*\"; inherits: false;}@property --_dg-w{syntax: \"*\"; inherits: false;}@property --_dg-h{syntax: \"*\"; inherits: false;}@property --_dg-span-medium{syntax: \"*\"; inherits: false;}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonStart, selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "component", type: SlCard, selector: "[slCard]", inputs: ["orientation", "fill", "size", "selected", "disabled"], exportAs: ["slCard"] }, { kind: "directive", type: SlCardActions, selector: "[slCardActions]", exportAs: ["slCardActions"] }, { kind: "directive", type: SlCardBody, selector: "[slCardBody]", exportAs: ["slCardBody"] }, { kind: "directive", type: SlCardFooter, selector: "[slCardFooter]", exportAs: ["slCardFooter"] }, { kind: "directive", type: SlCardHeader, selector: "[slCardHeader]", exportAs: ["slCardHeader"] }, { kind: "directive", type: SlDashboardPart, selector: "[slDashboardPart]", inputs: ["slDashboardPart"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlIconButton, selector: "button[slIconButton]", inputs: ["disabled", "focusableWhenDisabled", "loading", "loadingDelay", "messages", "shape", "size", "tone", "type", "variant", "pressed", "defaultPressed"], outputs: ["pressedChange"], exportAs: ["slIconButton"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "component", type: SlResultState, selector: "[slResultState]", inputs: ["status", "reach", "align", "live", "illustration"], exportAs: ["slResultState"] }, { kind: "directive", type: SlResultStateActions, selector: "[slResultStateActions]", exportAs: ["slResultStateActions"] }, { kind: "directive", type: SlResultStateContent, selector: "[slResultStateContent]", exportAs: ["slResultStateContent"] }, { kind: "directive", type: SlResultStateDescription, selector: "[slResultStateDescription]", exportAs: ["slResultStateDescription"] }, { kind: "component", type: SlResultStateTitle, selector: "[slResultStateTitle]", exportAs: ["slResultStateTitle"] }, { kind: "component", type: SlSkeleton, selector: "[slSkeleton]", inputs: ["shape", "size", "animation", "loading", "inlineSize", "blockSize"], exportAs: ["slSkeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDashboardGrid, decorators: [{
             type: Component,
@@ -1482,9 +1519,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         SlSkeleton,
                     ], host: {
                         'data-ui': 'dashboard-grid',
+                        'data-ui-dashboard-grid': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-editing]': 'isEditing() ? "" : null',
-                        '[attr.data-gesture]': 'gesture() === null ? null : ""',
                         '[attr.aria-label]': 'null',
                         '[attr.aria-labelledby]': 'null',
                         '[style.--_dg-columns-expanded]': 'grid().expanded',
@@ -1492,9 +1530,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[style.--_dg-columns-compact]': 'grid().compact',
                     }, template: `
     @if (isEditing() && resolvedEditBar()) {
-      <div data-part="edit-bar" role="group" [attr.aria-label]="t('editBar')">
-        <p data-part="edit-status" [id]="statusId">{{ t('editStatus') }}</p>
-        <div data-part="edit-actions">
+      <div data-part="edit-bar" data-part-edit-bar="" role="group" [attr.aria-label]="t('editBar')">
+        <p data-part="edit-status" data-part-edit-status="" [id]="statusId">
+          {{ t('editStatus') }}
+        </p>
+        <div data-part="edit-actions" data-part-edit-actions="">
           @if (hiddenTiles().length > 0) {
             <button
               slButton
@@ -1551,13 +1591,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </div>
     }
     @if (isEditing() && !resolvedEditBar()) {
-      <p data-part="edit-status" data-ui="visually-hidden" [id]="statusId">
+      <p
+        data-part="edit-status"
+        data-part-edit-status=""
+        data-ui="visually-hidden"
+        data-ui-visually-hidden=""
+        [id]="statusId"
+      >
         {{ t('editStatus') }}
       </p>
     }
     <ul
       #list
       data-part="grid"
+      data-part-grid=""
+      [attr.data-gesture]="gesture() === null ? null : ''"
       role="list"
       [attr.aria-label]="ariaLabel() ?? null"
       [attr.aria-labelledby]="ariaLabelledBy() ?? null"
@@ -1566,6 +1614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @for (slot of slots(); track slot.tile.key) {
         <li
           data-part="widget"
+          data-part-widget=""
           [attr.data-key]="slot.tile.key"
           [attr.data-status]="slot.widget.status()"
           [attr.data-loading]="slot.widget.painted() ? '' : null"
@@ -1590,23 +1639,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             <div slCardHeader>
               @switch (levelOf(slot.widget)) {
                 @case (2) {
-                  <h2 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h2>
+                  <h2 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h2>
                 }
                 @case (4) {
-                  <h4 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h4>
+                  <h4 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h4>
                 }
                 @case (5) {
-                  <h5 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h5>
+                  <h5 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h5>
                 }
                 @case (6) {
-                  <h6 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h6>
+                  <h6 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h6>
                 }
                 @default {
-                  <h3 data-part="title" [id]="titleId(slot.tile.key)">{{ slot.widget.title() }}</h3>
+                  <h3 data-part="title" data-part-title="" [id]="titleId(slot.tile.key)">
+                    {{ slot.widget.title() }}
+                  </h3>
                 }
               }
               @if (slot.widget.description(); as description) {
-                <p data-part="description" [id]="titleId(slot.tile.key) + '-description'">
+                <p
+                  data-part="description"
+                  data-part-description=""
+                  [id]="titleId(slot.tile.key) + '-description'"
+                >
                   {{ description }}
                 </p>
               }
@@ -1620,7 +1683,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   @if (slot.widget.detailHref(); as href) {
                     <a
                       data-ui="button"
+                      data-ui-button=""
                       data-part="detail"
+                      data-part-detail=""
                       data-tone="secondary"
                       data-variant="ghost"
                       data-size="sm"
@@ -1628,7 +1693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                       [attr.href]="href"
                       [attr.aria-label]="t('detail', { title: slot.widget.title() })"
                       (click)="slot.widget.detail.emit($event)"
-                      ><span data-part="icon" aria-hidden="true"
+                      ><span data-part="icon" data-part-icon="" aria-hidden="true"
                         ><span slIcon directional><svg slGlyph name="external"></svg></span></span
                     ></a>
                   } @else if (slot.widget.detailable()) {
@@ -1649,10 +1714,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             </div>
             <div slCardBody>
               @if (slot.widget.busy() && !slot.widget.painted()) {
-                <span data-part="busy-indicator" aria-hidden="true"></span>
+                <span
+                  data-part="busy-indicator"
+                  data-part-busy-indicator=""
+                  aria-hidden="true"
+                ></span>
               }
               @if (slot.widget.painted()) {
-                <div data-part="skeleton">
+                <div data-part="skeleton" data-part-skeleton="">
                   @if (slot.widget.hasSkeleton()) {
                     <ng-container [ngTemplateOutlet]="slot.widget.skeletonTemplate()" />
                   } @else {
@@ -1660,7 +1729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   }
                 </div>
               } @else if (slot.widget.status() === 'empty') {
-                <div data-part="message">
+                <div data-part="message" data-part-message="">
                   <section slResultState status="empty" reach="section" align="center" live="off">
                     <div slResultStateContent>
                       <div slResultStateTitle>
@@ -1678,7 +1747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   </section>
                 </div>
               } @else if (slot.widget.status() === 'error') {
-                <div data-part="message">
+                <div data-part="message" data-part-message="">
                   <section
                     slResultState
                     status="error"
@@ -1826,6 +1895,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @for (edge of edges; track edge) {
               <span
                 data-part="resize-handle"
+                data-part-resize-handle=""
                 aria-hidden="true"
                 [attr.data-edge]="edge"
                 [attr.data-active]="slot.edge === edge ? '' : null"
@@ -1834,18 +1904,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             }
           }
           @if (slot.readout !== null) {
-            <span data-part="size-readout" aria-hidden="true" [attr.data-edge]="slot.edge">{{
-              slot.readout
-            }}</span>
+            <span
+              data-part="size-readout"
+              data-part-size-readout=""
+              aria-hidden="true"
+              [attr.data-edge]="slot.edge"
+              >{{ slot.readout }}</span
+            >
           }
         </li>
       }
       @if (placeholder(); as style) {
-        <li data-part="placeholder" aria-hidden="true" [style]="style"></li>
+        <li
+          data-part="placeholder"
+          data-part-placeholder=""
+          aria-hidden="true"
+          [style]="style"
+        ></li>
       }
     </ul>
     @if (slots().length === 0) {
-      <div data-part="empty">
+      <div data-part="empty" data-part-empty="">
         <section slResultState status="empty" reach="section" live="polite">
           <div slResultStateContent>
             <div slResultStateTitle>{{ t('empty') }}</div>
@@ -1856,7 +1935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </section>
       </div>
     }
-  `, styles: ["@layer slotted.components{[data-ui=dashboard-grid]{--_gap: var(--slotted-dashboard-grid-gap, var(--slotted-space-6, 1rem));--_row: var(--slotted-dashboard-grid-row-size, 4.5rem);--_cols: var(--_dg-columns-expanded, 12);--_radius: var(--slotted-card-radius, var(--slotted-radius-lg, 8px));--_accent: var(--slotted-dashboard-grid-accent, var(--slotted-tone-accent-solid, Highlight));container:dashboard-grid / inline-size;display:flex;flex-direction:column;gap:var(--_gap);min-inline-size:0}[data-ui=dashboard-grid]>[data-part=grid]{display:grid;gap:var(--_gap);grid-auto-rows:var(--_row);grid-template-columns:repeat(var(--_cols),minmax(0,1fr));list-style:none;margin:0;min-inline-size:0;padding:0;position:relative}[data-ui=dashboard-grid] [data-part=grid][hidden],[data-ui=dashboard-grid] [data-part=widget][hidden]{display:none}[data-ui=dashboard-grid] :is([data-part=widget],[data-part=placeholder]){grid-column:var(--_dg-x, auto) / span var(--_dg-w, 4);grid-row:var(--_dg-y, auto) / span var(--_dg-h, 2);min-block-size:0;min-inline-size:0}[data-ui=dashboard-grid] [data-part=widget]{display:flex;position:relative}@container dashboard-grid (width < 1024px){[data-ui=dashboard-grid]>[data-part=grid]{--_cols: var(--_dg-columns-medium, 6)}[data-ui=dashboard-grid] :is([data-part=widget],[data-part=placeholder]){grid-column:auto / span var(--_dg-span-medium, 3);grid-row:auto / span var(--_dg-h, 2)}}@container dashboard-grid (width < 600px){[data-ui=dashboard-grid]>[data-part=grid]{--_cols: var(--_dg-columns-compact, 1);grid-auto-rows:auto}[data-ui=dashboard-grid] :is([data-part=widget],[data-part=placeholder]){grid-column:1 / -1;grid-row:auto}[data-ui=dashboard-grid] [data-part=placeholder]{min-block-size:calc(var(--_row) * 2)}}[data-ui=dashboard-grid] [data-part=widget]>[data-ui=card]{flex:1 1 auto;min-block-size:0;min-inline-size:0;transition:box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=dashboard-grid] [data-part=widget]>[data-ui=card]>[data-part=body]{--slotted-chart-plot-block-size: calc(var(--_row) * 1.5);display:flex;flex-direction:column;overflow:auto;position:relative}[data-ui=dashboard-grid] [data-part=widget]>[data-ui=card]>[data-part=body]>:not([data-part=busy-indicator]){flex:1 0 auto}[data-ui=dashboard-grid] [data-part=widget] [data-part=title]{-webkit-box-orient:vertical;color:var(--slotted-dashboard-grid-title-color, var(--slotted-text, CanvasText));display:-webkit-box;font-family:var( --slotted-dashboard-grid-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var( --slotted-dashboard-grid-title-font-size, var(--slotted-font-size-md, .8125rem) );font-weight:var(--slotted-font-weight-semibold, 600);-webkit-line-clamp:2;line-clamp:2;line-height:var(--slotted-line-height-md, 1.5);margin:0;overflow:hidden;overflow-wrap:anywhere}[data-ui=dashboard-grid] [data-part=widget] [data-part=description]{color:var(--slotted-dashboard-grid-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-sm, .75rem);line-height:var(--slotted-line-height-sm, 1.5);margin:0;overflow-wrap:anywhere}[data-ui=dashboard-grid] [data-part=widget] [data-part=actions]{flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-control-height-sm, 1.75rem) - var(--slotted-font-size-md, .8125rem) * var(--slotted-line-height-md, 1.5)) / -2)}[data-ui=dashboard-grid] [data-part=widget] [data-part=skeleton]{display:flex;flex-direction:column;min-block-size:var(--slotted-space-12, 4rem)}[data-ui=dashboard-grid] [data-part=widget] [data-part=skeleton]>[data-ui=skeleton]{block-size:auto;flex:1 1 auto;inline-size:100%}[data-ui=dashboard-grid] [data-part=widget] [data-part=message]{align-content:center;display:grid;justify-items:center}[data-ui=dashboard-grid] [data-part=widget] [data-part=busy-indicator]{background-color:var(--_accent);block-size:var(--slotted-border-width-medium, 2px);inset-block-start:0;inset-inline:0;opacity:.35;pointer-events:none;position:absolute}@media(prefers-reduced-motion:no-preference){[data-ui=dashboard-grid] [data-part=widget] [data-part=busy-indicator]{animation:slotted-dashboard-grid-busy var(--slotted-duration-loop-slow) linear infinite;background-color:transparent;background-image:linear-gradient(to right,transparent,var(--_accent) 50%,transparent);background-repeat:no-repeat;background-size:40% 100%;opacity:1}}@media(prefers-reduced-motion:reduce){[data-ui=dashboard-grid] [data-part=widget] [data-part=busy-indicator]{animation:none}}@keyframes slotted-dashboard-grid-busy{0%{background-position:-40% 0}to{background-position:140% 0}}[data-ui=dashboard-grid]>[data-part=edit-bar]{align-items:center;background-color:var( --slotted-dashboard-grid-edit-bar-background, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var(--slotted-dashboard-grid-edit-bar-border, var(--slotted-border-subtle, CanvasText));border-radius:var(--_radius);box-shadow:var(--slotted-shadow-xs);display:flex;flex-wrap:wrap;gap:var(--slotted-space-4, .5rem) var(--slotted-space-6, 1rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-6, 1rem) var(--slotted-space-4, .5rem)}@starting-style{[data-ui=dashboard-grid]>[data-part=edit-bar]{opacity:0;translate:0 calc(var(--slotted-space-4, .5rem) * -1)}}[data-ui=dashboard-grid]>[data-part=edit-bar]{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=dashboard-grid]>[data-part=edit-bar]>[data-part=edit-status]{color:var(--slotted-text-muted, GrayText);flex:1 1 20rem;font-size:var(--slotted-font-size-sm, .75rem);line-height:var(--slotted-line-height-sm, 1.5);margin:0;min-inline-size:0}[data-ui=dashboard-grid]>[data-part=edit-bar]>[data-part=edit-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-space-3, .375rem);justify-content:flex-end;margin-inline-start:auto}[data-ui=dashboard-grid]>[data-part=grid]:before{background-image:radial-gradient(circle at calc((100% - var(--_gap)) / 2) calc((100% - var(--_gap)) / 2),var(--slotted-dashboard-grid-lattice-color, var(--slotted-border-strong, currentColor)) var(--slotted-dashboard-grid-lattice-dot, 1.5px),transparent calc(var(--slotted-dashboard-grid-lattice-dot, 1.5px) + .75px));background-size:calc((100% + var(--_gap)) / var(--_cols)) calc(var(--_row) + var(--_gap));content:\"\";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=dashboard-grid][data-editing]>[data-part=grid]{min-block-size:calc(var(--_row) * 2 + var(--_gap))}[data-ui=dashboard-grid][data-editing]>[data-part=grid]:before{opacity:.7}[data-ui=dashboard-grid][data-gesture]>[data-part=grid]:before{opacity:1}@container dashboard-grid (width < 1024px){[data-ui=dashboard-grid]>[data-part=grid]:before{display:none}}[data-ui=dashboard-grid][data-editing] [data-part=widget][data-movable]>[data-ui=card]{cursor:grab}[data-ui=dashboard-grid][data-editing] [data-part=widget][data-movable]>[data-ui=card] :is(a,button,input,select,textarea,[tabindex]){cursor:auto}[data-ui=dashboard-grid][data-editing] [data-part=widget]:not([data-loading]):hover>[data-ui=card]{box-shadow:var(--slotted-shadow-sm)}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]{--_pill-inline: var(--slotted-dashboard-grid-handle-inline-size, 2.25rem);--_pill-block: var(--slotted-dashboard-grid-handle-block-size, 1rem);align-items:center;appearance:none;background-color:var(--slotted-control-surface, Canvas);block-size:var(--_pill-block);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text-muted, GrayText);cursor:grab;display:flex;font:inherit;inline-size:var(--_pill-inline);inset-block-start:calc(var(--_pill-block) / -2);inset-inline:0;justify-content:center;margin:0 auto;padding:0;position:absolute;touch-action:none;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),border-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);z-index:2}@starting-style{[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]{opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]:before{content:\"\";inset:calc((var(--slotted-target-min, 24px) - var(--_pill-block)) / -2) calc(var(--slotted-space-4, .5rem) * -1);position:absolute}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]>[data-ui=icon]{--slotted-icon-size: var(--slotted-dashboard-grid-handle-glyph-size, .875rem)}[data-ui=dashboard-grid][data-editing] [data-part=widget]:not([data-loading]):hover>[data-part=handle]{border-color:var(--slotted-border-strong, ButtonBorder);color:var(--slotted-text, CanvasText)}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=dashboard-grid] [data-part=widget]:is([data-dragging],[data-resizing])>[data-part=handle],[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle][aria-expanded=true]{background-color:var(--_accent);border-color:var(--_accent);color:var(--slotted-tone-accent-on-solid, HighlightText)}[data-ui=dashboard-grid] [data-part=widget]>[data-part=resize-handle]{--_hit: var(--slotted-dashboard-grid-resize-hit, .75rem);--_mark: var(--slotted-border-strong, currentColor);opacity:0;position:absolute;touch-action:none;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=dashboard-grid][data-editing] [data-part=widget]:not([data-loading]):hover>[data-part=resize-handle],[data-ui=dashboard-grid][data-editing] [data-part=widget]:focus-within>[data-part=resize-handle],[data-ui=dashboard-grid] [data-part=widget][data-resizing]>[data-part=resize-handle]{opacity:1}@media(pointer:coarse){[data-ui=dashboard-grid] [data-part=widget]>[data-part=resize-handle]{--_hit: var(--slotted-target-comfortable, 44px);opacity:1}[data-ui=dashboard-grid] [data-part=widget]>[data-part=handle]{--_pill-inline: var(--slotted-dashboard-grid-handle-inline-size-coarse, 2.75rem);--_pill-block: var(--slotted-dashboard-grid-handle-block-size-coarse, 1.25rem)}}[data-ui=dashboard-grid] [data-part=resize-handle]:before{background-color:var(--_mark);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset:0;margin:auto;position:absolute;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),block-size var(--slotted-duration-short) var(--slotted-easing-standard),inline-size var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=start],[data-edge=end]){cursor:ew-resize;inline-size:var(--_hit);inset-block:calc(var(--_radius) + var(--_hit) / 2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=start]{inset-inline-start:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=end]{inset-inline-end:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=start],[data-edge=end]):before{block-size:var(--slotted-dashboard-grid-resize-pill, 1.75rem);inline-size:var(--slotted-border-width-thick, 3px)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom]{block-size:var(--_hit);cursor:ns-resize;inset-block-end:calc(var(--_hit) / -2);inset-inline:calc(var(--_radius) + var(--_hit) / 2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom]:before{block-size:var(--slotted-border-width-thick, 3px);inline-size:var(--slotted-dashboard-grid-resize-pill, 1.75rem)}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=bottom-start],[data-edge=bottom-end]){block-size:calc(var(--_hit) * 1.5);inline-size:calc(var(--_hit) * 1.5);inset-block-end:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-end]{cursor:nwse-resize;inset-inline-end:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-start]{cursor:nesw-resize;inset-inline-start:calc(var(--_hit) / -2)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-end]:dir(rtl){cursor:nesw-resize}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-start]:dir(rtl){cursor:nwse-resize}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=bottom-start],[data-edge=bottom-end]):before{background-color:transparent;block-size:var(--_radius);border-block-end:var(--slotted-border-width-thick, 3px) solid var(--_mark);border-radius:0;inline-size:var(--_radius);inset:auto;inset-block-end:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px));margin:0}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-end]:before{border-end-end-radius:var(--_radius);border-inline-end:var(--slotted-border-width-thick, 3px) solid var(--_mark);inset-inline-end:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px))}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom-start]:before{border-end-start-radius:var(--_radius);border-inline-start:var(--slotted-border-width-thick, 3px) solid var(--_mark);inset-inline-start:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px))}[data-ui=dashboard-grid] [data-part=resize-handle]:not([data-disabled]):hover,[data-ui=dashboard-grid] [data-part=resize-handle][data-active]{--_mark: var(--_accent)}[data-ui=dashboard-grid] [data-part=resize-handle]:is([data-edge=start],[data-edge=end]):is(:not([data-disabled]):hover,[data-active]):before{block-size:var(--slotted-dashboard-grid-resize-pill-active, 2.75rem)}[data-ui=dashboard-grid] [data-part=resize-handle][data-edge=bottom]:is(:not([data-disabled]):hover,[data-active]):before{inline-size:var(--slotted-dashboard-grid-resize-pill-active, 2.75rem)}@container dashboard-grid (width < 1024px){[data-ui=dashboard-grid] [data-part=widget]>[data-part=resize-handle]:is([data-edge=start],[data-edge=bottom-start]){display:none}}@container dashboard-grid (width < 600px){[data-ui=dashboard-grid] [data-part=widget]>[data-part=resize-handle]{display:none}}[data-ui=dashboard-grid] [data-part=widget]:is([data-dragging],[data-resizing]){block-size:var(--_dg-origin-block-size);grid-column:auto;grid-row:auto;inline-size:var(--_dg-origin-inline-size);inset-block-start:var(--_dg-origin-block-start);inset-inline-start:var(--_dg-origin-inline-start);position:absolute;translate:var(--_dg-lift-x, 0) var(--_dg-lift-y, 0);z-index:3}[data-ui=dashboard-grid] [data-part=widget][data-dragging]{cursor:grabbing}[data-ui=dashboard-grid] [data-part=widget][data-dragging]>[data-ui=card]{box-shadow:var(--slotted-shadow-lg),0 0 0 var(--slotted-border-width-thin, 1px) color-mix(in oklab,var(--_accent) 60%,transparent)}[data-ui=dashboard-grid] [data-part=widget][data-resizing]>[data-ui=card]{box-shadow:var(--slotted-shadow-md),0 0 0 var(--slotted-border-width-thin, 1px) color-mix(in oklab,var(--_accent) 60%,transparent)}[data-ui=dashboard-grid]>[data-part=grid]>[data-part=placeholder]{background-color:color-mix(in oklab,var(--_accent) 10%,transparent);border:var(--slotted-border-width-thin, 1px) solid color-mix(in oklab,var(--_accent) 55%,transparent);border-radius:var(--_radius);box-sizing:border-box;pointer-events:none}[data-ui=dashboard-grid] [data-part=widget]>[data-part=size-readout]{background-color:var(--_accent);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-tone-accent-on-solid, HighlightText);font-size:var(--slotted-font-size-xs, .6875rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:var(--slotted-space-5, .75rem);inset-inline-end:var(--slotted-space-5, .75rem);line-height:var(--slotted-line-height-xs, 1.4);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);pointer-events:none;position:absolute;white-space:nowrap;z-index:4}[data-ui=dashboard-grid] [data-part=widget]>[data-part=size-readout][data-edge=start],[data-ui=dashboard-grid] [data-part=widget]>[data-part=size-readout][data-edge=bottom-start]{inset-inline:var(--slotted-space-5, .75rem) auto}[data-ui=dashboard-grid]>[data-part=empty]{min-block-size:calc(var(--_row) * 2 + var(--_gap))}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+  `, styles: ["@layer slotted.components{[data-ui-dashboard-grid]{--_gap: var(--slotted-dashboard-grid-gap, var(--slotted-space-6, 1rem));--_row: var(--slotted-dashboard-grid-row-size, 4.5rem);--_cols: var(--_dg-columns-expanded, 12);--_radius: var(--slotted-card-radius, var(--slotted-radius-lg, 8px));--_accent: var(--slotted-dashboard-grid-accent, var(--slotted-tone-accent-solid, Highlight));container:dashboard-grid / inline-size;display:flex;flex-direction:column;gap:var(--_gap);min-inline-size:0}[data-ui-dashboard-grid]>[data-part-grid]{display:grid;gap:var(--_gap);grid-auto-rows:var(--_row);grid-template-columns:repeat(var(--_cols),minmax(0,1fr));list-style:none;margin:0;min-inline-size:0;padding:0;position:relative}[data-ui-dashboard-grid] [data-part-grid][hidden],[data-ui-dashboard-grid] [data-part-widget][hidden]{display:none}[data-ui-dashboard-grid] :is([data-part-widget],[data-part-placeholder]){grid-column:var(--_dg-x, auto) / span var(--_dg-w, 4);grid-row:var(--_dg-y, auto) / span var(--_dg-h, 2);min-block-size:0;min-inline-size:0}[data-ui-dashboard-grid] [data-part-widget]{display:flex;position:relative}@container dashboard-grid (width < 1024px){[data-ui-dashboard-grid]>[data-part-grid]{--_cols: var(--_dg-columns-medium, 6)}[data-ui-dashboard-grid] :is([data-part-widget],[data-part-placeholder]){grid-column:auto / span var(--_dg-span-medium, 3);grid-row:auto / span var(--_dg-h, 2)}}@container dashboard-grid (width < 600px){[data-ui-dashboard-grid]>[data-part-grid]{--_cols: var(--_dg-columns-compact, 1);grid-auto-rows:auto}[data-ui-dashboard-grid] :is([data-part-widget],[data-part-placeholder]){grid-column:1 / -1;grid-row:auto}[data-ui-dashboard-grid] [data-part-placeholder]{min-block-size:calc(var(--_row) * 2)}}[data-ui-dashboard-grid] [data-part-widget]>[data-ui-card]{flex:1 1 auto;min-block-size:0;min-inline-size:0;transition:box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-dashboard-grid] [data-part-widget]>[data-ui-card]>[data-part-body]{--slotted-chart-plot-block-size: calc(var(--_row) * 1.5);display:flex;flex-direction:column;overflow:auto;position:relative}[data-ui-dashboard-grid] [data-part-widget]>[data-ui-card]>[data-part-body]>:not([data-part-busy-indicator]){flex:1 0 auto}[data-ui-dashboard-grid] [data-part-widget] [data-part-title]{-webkit-box-orient:vertical;color:var(--slotted-dashboard-grid-title-color, var(--slotted-text, CanvasText));display:-webkit-box;font-family:var( --slotted-dashboard-grid-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var( --slotted-dashboard-grid-title-font-size, var(--slotted-font-size-md, .8125rem) );font-weight:var(--slotted-font-weight-semibold, 600);-webkit-line-clamp:2;line-clamp:2;line-height:var(--slotted-line-height-md, 1.5);margin:0;overflow:hidden;overflow-wrap:anywhere}[data-ui-dashboard-grid] [data-part-widget] [data-part-description]{color:var(--slotted-dashboard-grid-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-font-size-sm, .75rem);line-height:var(--slotted-line-height-sm, 1.5);margin:0;overflow-wrap:anywhere}[data-ui-dashboard-grid] [data-part-widget] [data-part-actions]{flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-control-height-sm, 1.75rem) - var(--slotted-font-size-md, .8125rem) * var(--slotted-line-height-md, 1.5)) / -2)}[data-ui-dashboard-grid] [data-part-widget] [data-part-skeleton]{display:flex;flex-direction:column;min-block-size:var(--slotted-space-12, 4rem)}[data-ui-dashboard-grid] [data-part-widget] [data-part-skeleton]>[data-ui-skeleton]{block-size:auto;flex:1 1 auto;inline-size:100%}[data-ui-dashboard-grid] [data-part-widget] [data-part-message]{align-content:center;display:grid;justify-items:center}[data-ui-dashboard-grid] [data-part-widget] [data-part-busy-indicator]{background-color:var(--_accent);block-size:var(--slotted-border-width-medium, 2px);inset-block-start:0;inset-inline:0;opacity:.35;pointer-events:none;position:absolute}@media(prefers-reduced-motion:no-preference){[data-ui-dashboard-grid] [data-part-widget] [data-part-busy-indicator]{animation:slotted-dashboard-grid-busy var(--slotted-duration-loop-slow) linear infinite;background-color:transparent;background-image:linear-gradient(to right,transparent,var(--_accent) 50%,transparent);background-repeat:no-repeat;background-size:40% 100%;opacity:1}}@media(prefers-reduced-motion:reduce){[data-ui-dashboard-grid] [data-part-widget] [data-part-busy-indicator]{animation:none}}@keyframes slotted-dashboard-grid-busy{0%{background-position:-40% 0}to{background-position:140% 0}}[data-ui-dashboard-grid]>[data-part-edit-bar]{align-items:center;background-color:var( --slotted-dashboard-grid-edit-bar-background, var(--slotted-surface-raised, Canvas) );border:var(--slotted-border-width-thin, 1px) solid var(--slotted-dashboard-grid-edit-bar-border, var(--slotted-border-subtle, CanvasText));border-radius:var(--_radius);box-shadow:var(--slotted-shadow-xs);display:flex;flex-wrap:wrap;gap:var(--slotted-space-4, .5rem) var(--slotted-space-6, 1rem);padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-6, 1rem) var(--slotted-space-4, .5rem)}@starting-style{[data-ui-dashboard-grid]>[data-part-edit-bar]{opacity:0;translate:0 calc(var(--slotted-space-4, .5rem) * -1)}}[data-ui-dashboard-grid]>[data-part-edit-bar]{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-dashboard-grid]>[data-part-edit-bar]>[data-part-edit-status]{color:var(--slotted-text-muted, GrayText);flex:1 1 20rem;font-size:var(--slotted-font-size-sm, .75rem);line-height:var(--slotted-line-height-sm, 1.5);margin:0;min-inline-size:0}[data-ui-dashboard-grid]>[data-part-edit-bar]>[data-part-edit-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-space-3, .375rem);justify-content:flex-end;margin-inline-start:auto}[data-ui-dashboard-grid]>[data-part-grid]:before{background-image:radial-gradient(circle at calc((100% - var(--_gap)) / 2) calc((100% - var(--_gap)) / 2),var(--slotted-dashboard-grid-lattice-color, var(--slotted-border-strong, currentColor)) var(--slotted-dashboard-grid-lattice-dot, 1.5px),transparent calc(var(--slotted-dashboard-grid-lattice-dot, 1.5px) + .75px));background-size:calc((100% + var(--_gap)) / var(--_cols)) calc(var(--_row) + var(--_gap));content:\"\";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-dashboard-grid][data-editing]>[data-part-grid]{min-block-size:calc(var(--_row) * 2 + var(--_gap))}[data-ui-dashboard-grid][data-editing]>[data-part-grid]:before{opacity:.7}[data-ui-dashboard-grid]>[data-part-grid][data-gesture]:before{opacity:1}@container dashboard-grid (width < 1024px){[data-ui-dashboard-grid]>[data-part-grid]:before{display:none}}[data-ui-dashboard-grid][data-editing] [data-part-widget][data-movable]>[data-ui-card]{cursor:grab}[data-ui-dashboard-grid][data-editing] [data-part-widget][data-movable]>[data-ui-card] :is(a,button,input,select,textarea,[tabindex]){cursor:auto}[data-ui-dashboard-grid][data-editing] [data-part-widget]:not([data-loading]):hover>[data-ui-card]{box-shadow:var(--slotted-shadow-sm)}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]{--_pill-inline: var(--slotted-dashboard-grid-handle-inline-size, 2.25rem);--_pill-block: var(--slotted-dashboard-grid-handle-block-size, 1rem);align-items:center;appearance:none;background-color:var(--slotted-control-surface, Canvas);block-size:var(--_pill-block);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text-muted, GrayText);cursor:grab;display:flex;font:inherit;inline-size:var(--_pill-inline);inset-block-start:calc(var(--_pill-block) / -2);inset-inline:0;justify-content:center;margin:0 auto;padding:0;position:absolute;touch-action:none;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),border-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);z-index:2}@starting-style{[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]{opacity:0;translate:0 var(--slotted-space-3, .375rem)}}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]:before{content:\"\";inset:calc((var(--slotted-target-min, 24px) - var(--_pill-block)) / -2) calc(var(--slotted-space-4, .5rem) * -1);position:absolute}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]>[data-ui-icon]{--slotted-icon-size: var(--slotted-dashboard-grid-handle-glyph-size, .875rem)}[data-ui-dashboard-grid][data-editing] [data-part-widget]:not([data-loading]):hover>[data-part-handle]{border-color:var(--slotted-border-strong, ButtonBorder);color:var(--slotted-text, CanvasText)}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-dashboard-grid] [data-part-widget]:is([data-dragging],[data-resizing])>[data-part-handle],[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle][aria-expanded=true]{background-color:var(--_accent);border-color:var(--_accent);color:var(--slotted-tone-accent-on-solid, HighlightText)}[data-ui-dashboard-grid] [data-part-widget]>[data-part-resize-handle]{--_hit: var(--slotted-dashboard-grid-resize-hit, .75rem);--_mark: var(--slotted-border-strong, currentColor);opacity:0;position:absolute;touch-action:none;transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui-dashboard-grid][data-editing] [data-part-widget]:not([data-loading]):hover>[data-part-resize-handle],[data-ui-dashboard-grid][data-editing] [data-part-widget]:focus-within>[data-part-resize-handle],[data-ui-dashboard-grid] [data-part-widget][data-resizing]>[data-part-resize-handle]{opacity:1}@media(pointer:coarse){[data-ui-dashboard-grid] [data-part-widget]>[data-part-resize-handle]{--_hit: var(--slotted-target-comfortable, 44px);opacity:1}[data-ui-dashboard-grid] [data-part-widget]>[data-part-handle]{--_pill-inline: var(--slotted-dashboard-grid-handle-inline-size-coarse, 2.75rem);--_pill-block: var(--slotted-dashboard-grid-handle-block-size-coarse, 1.25rem)}}[data-ui-dashboard-grid] [data-part-resize-handle]:before{background-color:var(--_mark);border-radius:var(--slotted-radius-full, 9999px);content:\"\";inset:0;margin:auto;position:absolute;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),block-size var(--slotted-duration-short) var(--slotted-easing-standard),inline-size var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=start],[data-edge=end]){cursor:ew-resize;inline-size:var(--_hit);inset-block:calc(var(--_radius) + var(--_hit) / 2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=start]{inset-inline-start:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=end]{inset-inline-end:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=start],[data-edge=end]):before{block-size:var(--slotted-dashboard-grid-resize-pill, 1.75rem);inline-size:var(--slotted-border-width-thick, 3px)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom]{block-size:var(--_hit);cursor:ns-resize;inset-block-end:calc(var(--_hit) / -2);inset-inline:calc(var(--_radius) + var(--_hit) / 2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom]:before{block-size:var(--slotted-border-width-thick, 3px);inline-size:var(--slotted-dashboard-grid-resize-pill, 1.75rem)}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=bottom-start],[data-edge=bottom-end]){block-size:calc(var(--_hit) * 1.5);inline-size:calc(var(--_hit) * 1.5);inset-block-end:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-end]{cursor:nwse-resize;inset-inline-end:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-start]{cursor:nesw-resize;inset-inline-start:calc(var(--_hit) / -2)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-end]:dir(rtl){cursor:nesw-resize}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-start]:dir(rtl){cursor:nwse-resize}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=bottom-start],[data-edge=bottom-end]):before{background-color:transparent;block-size:var(--_radius);border-block-end:var(--slotted-border-width-thick, 3px) solid var(--_mark);border-radius:0;inline-size:var(--_radius);inset:auto;inset-block-end:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px));margin:0}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-end]:before{border-end-end-radius:var(--_radius);border-inline-end:var(--slotted-border-width-thick, 3px) solid var(--_mark);inset-inline-end:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px))}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom-start]:before{border-end-start-radius:var(--_radius);border-inline-start:var(--slotted-border-width-thick, 3px) solid var(--_mark);inset-inline-start:calc(var(--_hit) / 2 - var(--slotted-border-width-thin, 1px))}[data-ui-dashboard-grid] [data-part-resize-handle]:not([data-disabled]):hover,[data-ui-dashboard-grid] [data-part-resize-handle][data-active]{--_mark: var(--_accent)}[data-ui-dashboard-grid] [data-part-resize-handle]:is([data-edge=start],[data-edge=end]):is(:not([data-disabled]):hover,[data-active]):before{block-size:var(--slotted-dashboard-grid-resize-pill-active, 2.75rem)}[data-ui-dashboard-grid] [data-part-resize-handle][data-edge=bottom]:is(:not([data-disabled]):hover,[data-active]):before{inline-size:var(--slotted-dashboard-grid-resize-pill-active, 2.75rem)}@container dashboard-grid (width < 1024px){[data-ui-dashboard-grid] [data-part-widget]>[data-part-resize-handle]:is([data-edge=start],[data-edge=bottom-start]){display:none}}@container dashboard-grid (width < 600px){[data-ui-dashboard-grid] [data-part-widget]>[data-part-resize-handle]{display:none}}[data-ui-dashboard-grid] [data-part-widget]:is([data-dragging],[data-resizing]){grid-column:auto;grid-row:auto;position:absolute;z-index:3}[data-ui-dashboard-grid] [data-part-widget][data-dragging]{cursor:grabbing}[data-ui-dashboard-grid] [data-part-widget][data-dragging]>[data-ui-card]{box-shadow:var(--slotted-shadow-lg),0 0 0 var(--slotted-border-width-thin, 1px) color-mix(in oklab,var(--_accent) 60%,transparent)}[data-ui-dashboard-grid] [data-part-widget][data-resizing]>[data-ui-card]{box-shadow:var(--slotted-shadow-md),0 0 0 var(--slotted-border-width-thin, 1px) color-mix(in oklab,var(--_accent) 60%,transparent)}[data-ui-dashboard-grid]>[data-part-grid]>[data-part-placeholder]{background-color:color-mix(in oklab,var(--_accent) 10%,transparent);border:var(--slotted-border-width-thin, 1px) solid color-mix(in oklab,var(--_accent) 55%,transparent);border-radius:var(--_radius);box-sizing:border-box;pointer-events:none}[data-ui-dashboard-grid] [data-part-widget]>[data-part-size-readout]{background-color:var(--_accent);border-radius:var(--slotted-radius-full, 9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-tone-accent-on-solid, HighlightText);font-size:var(--slotted-font-size-xs, .6875rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:var(--slotted-space-5, .75rem);inset-inline-end:var(--slotted-space-5, .75rem);line-height:var(--slotted-line-height-xs, 1.4);padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);pointer-events:none;position:absolute;white-space:nowrap;z-index:4}[data-ui-dashboard-grid] [data-part-widget]>[data-part-size-readout][data-edge=start],[data-ui-dashboard-grid] [data-part-widget]>[data-part-size-readout][data-edge=bottom-start]{inset-inline:var(--slotted-space-5, .75rem) auto}[data-ui-dashboard-grid]>[data-part-empty]{min-block-size:calc(var(--_row) * 2 + var(--_gap))}}@property --_dg-x{syntax: \"*\"; inherits: false;}@property --_dg-y{syntax: \"*\"; inherits: false;}@property --_dg-w{syntax: \"*\"; inherits: false;}@property --_dg-h{syntax: \"*\"; inherits: false;}@property --_dg-span-medium{syntax: \"*\"; inherits: false;}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }, { type: i0.Output, args: ["layoutChange"] }], defaultLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultLayout", required: false }] }], editing: [{ type: i0.Input, args: [{ isSignal: true, alias: "editing", required: false }] }, { type: i0.Output, args: ["editingChange"] }], defaultEditing: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultEditing", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], editBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "editBar", required: false }] }], headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingLevel", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], layoutChangeRequest: [{ type: i0.Output, args: ["layoutChangeRequest"] }], editingChangeRequest: [{ type: i0.Output, args: ["editingChangeRequest"] }], list: [{ type: i0.ViewChild, args: ['list', { isSignal: true }] }], widgets: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDashboardWidget), { isSignal: true }] }] } });
 
 /** What the store holds under the key; a store that throws holds nothing. */