@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/docs/AGENTS.snippet.md +10 -0
- package/docs/app-shell.json +1 -1
- package/docs/button-group.json +1 -0
- package/docs/button-group.md +1 -1
- package/docs/button.json +45 -11
- package/docs/button.md +10 -6
- package/docs/chart.json +7 -0
- package/docs/chart.md +1 -0
- package/docs/checkbox.json +7 -0
- package/docs/checkbox.md +1 -0
- package/docs/currency-field.json +32 -1
- package/docs/currency-field.md +4 -1
- package/docs/dialog.examples.md +20 -0
- package/docs/dialog.json +14 -2
- package/docs/dialog.md +1 -1
- package/docs/event-calendar.json +7 -0
- package/docs/event-calendar.md +1 -0
- package/docs/guidelines/README.md +27 -0
- package/docs/guidelines/async-feedback.md +108 -0
- package/docs/guidelines/browsing.md +74 -0
- package/docs/guidelines/builders.md +97 -0
- package/docs/guidelines/composition.md +129 -0
- package/docs/guidelines/conversations.md +59 -0
- package/docs/guidelines/errors-and-conflicts.md +71 -0
- package/docs/guidelines/forms.md +192 -0
- package/docs/guidelines/index.md +121 -0
- package/docs/guidelines/layout-alignment.md +95 -0
- package/docs/guidelines/ledgers.md +45 -0
- package/docs/guidelines/list-pages.md +165 -0
- package/docs/guidelines/overviews.md +66 -0
- package/docs/guidelines/own-elements.md +115 -0
- package/docs/guidelines/reading-permissions.md +55 -0
- package/docs/guidelines/record-pages.md +178 -0
- package/docs/guidelines/reports.md +123 -0
- package/docs/guidelines/shell-composition.md +94 -0
- package/docs/guidelines/workspaces.md +46 -0
- package/docs/index.md +12 -0
- package/docs/list.json +19 -1
- package/docs/list.md +3 -1
- package/docs/popover.json +1 -1
- package/docs/progress-indicator.json +1 -2
- package/docs/progress-indicator.md +2 -2
- package/docs/segmented-control.json +29 -1
- package/docs/segmented-control.md +17 -1
- package/docs/skills/build-own-element/SKILL.md +90 -0
- package/docs/skills/compose-screen/SKILL.md +76 -0
- package/docs/skills/index.md +9 -0
- package/docs/skills/review-screen/SKILL.md +70 -0
- package/docs/skills/theme-app/SKILL.md +79 -0
- package/docs/skills/waiting-states/SKILL.md +139 -0
- package/docs/split-button.json +1 -0
- package/docs/split-button.md +1 -1
- package/docs/stat-card.json +2 -0
- package/docs/stat-card.md +1 -1
- package/docs/table.examples.md +1 -1
- package/docs/table.json +70 -1
- package/docs/table.md +10 -1
- package/docs/tabs.json +1 -4
- package/docs/tabs.md +1 -1
- package/docs/toggle-group.json +14 -3
- package/docs/toggle-group.md +3 -3
- package/docs/toggle.json +12 -3
- package/docs/toggle.md +3 -3
- package/docs/tokens.md +448 -0
- package/docs/tour.json +1 -1
- package/fesm2022/slotted-angular-app-shell.mjs +48 -16
- package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
- package/fesm2022/slotted-angular-button-group.mjs +4 -4
- package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-button.mjs +51 -19
- package/fesm2022/slotted-angular-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-cascader.mjs +1 -1
- package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
- package/fesm2022/slotted-angular-chart.mjs +41 -20
- package/fesm2022/slotted-angular-chart.mjs.map +1 -1
- package/fesm2022/slotted-angular-checkbox.mjs +11 -2
- package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs +1 -1
- package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
- package/fesm2022/slotted-angular-combobox.mjs +12 -6
- package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
- package/fesm2022/slotted-angular-currency-field.mjs +59 -8
- package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-dashboard-grid.mjs +18 -22
- package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-grid.mjs +7 -3
- package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
- package/fesm2022/slotted-angular-data-list.mjs +2 -2
- package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-dialog.mjs +4 -4
- package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
- package/fesm2022/slotted-angular-drawer.mjs +5 -1
- package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
- package/fesm2022/slotted-angular-event-calendar.mjs +18 -8
- package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
- package/fesm2022/slotted-angular-filter-bar.mjs +8 -8
- package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs +1 -1
- package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-list.mjs +28 -17
- package/fesm2022/slotted-angular-list.mjs.map +1 -1
- package/fesm2022/slotted-angular-loading-overlay.mjs +2 -2
- package/fesm2022/slotted-angular-markdown.mjs +1 -1
- package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
- package/fesm2022/slotted-angular-multi-select.mjs +32 -27
- package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs +1 -1
- package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
- package/fesm2022/slotted-angular-number-field.mjs +2 -2
- package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
- package/fesm2022/slotted-angular-progress-indicator.mjs +6 -6
- package/fesm2022/slotted-angular-saved-views.mjs +1 -1
- package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
- package/fesm2022/slotted-angular-segmented-control.mjs +25 -5
- package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/slotted-angular-select.mjs +1 -25
- package/fesm2022/slotted-angular-select.mjs.map +1 -1
- package/fesm2022/slotted-angular-split-button.mjs +4 -4
- package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
- package/fesm2022/slotted-angular-stat-card.mjs +2 -2
- package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
- package/fesm2022/slotted-angular-table.mjs +97 -10
- package/fesm2022/slotted-angular-table.mjs.map +1 -1
- package/fesm2022/slotted-angular-tabs.mjs +2 -2
- package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle-group.mjs +17 -4
- package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
- package/fesm2022/slotted-angular-toggle.mjs +2 -2
- package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
- package/fesm2022/slotted-angular-tour.mjs +1 -1
- package/fesm2022/slotted-angular-tour.mjs.map +1 -1
- package/fesm2022/slotted-angular-transfer.mjs +1 -1
- package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
- package/fesm2022/slotted-angular-upload.mjs +2 -2
- package/fesm2022/slotted-angular-wizard.mjs +1 -1
- package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/types/slotted-angular-app-shell.d.ts +6 -0
- package/types/slotted-angular-app-shell.d.ts.map +1 -1
- package/types/slotted-angular-button-group.d.ts +1 -1
- package/types/slotted-angular-button.d.ts +33 -13
- package/types/slotted-angular-button.d.ts.map +1 -1
- package/types/slotted-angular-chart.d.ts +9 -0
- package/types/slotted-angular-chart.d.ts.map +1 -1
- package/types/slotted-angular-checkbox.d.ts +7 -1
- package/types/slotted-angular-checkbox.d.ts.map +1 -1
- package/types/slotted-angular-combobox.d.ts.map +1 -1
- package/types/slotted-angular-currency-field.d.ts +25 -3
- package/types/slotted-angular-currency-field.d.ts.map +1 -1
- package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
- package/types/slotted-angular-data-grid.d.ts.map +1 -1
- package/types/slotted-angular-drawer.d.ts.map +1 -1
- package/types/slotted-angular-event-calendar.d.ts +9 -2
- package/types/slotted-angular-event-calendar.d.ts.map +1 -1
- package/types/slotted-angular-list.d.ts +42 -27
- package/types/slotted-angular-list.d.ts.map +1 -1
- package/types/slotted-angular-multi-select.d.ts +10 -0
- package/types/slotted-angular-multi-select.d.ts.map +1 -1
- package/types/slotted-angular-segmented-control.d.ts +15 -2
- package/types/slotted-angular-segmented-control.d.ts.map +1 -1
- package/types/slotted-angular-select.d.ts.map +1 -1
- package/types/slotted-angular-split-button.d.ts +2 -2
- package/types/slotted-angular-table.d.ts +43 -3
- package/types/slotted-angular-table.d.ts.map +1 -1
- package/types/slotted-angular-toggle-group.d.ts +8 -2
- package/types/slotted-angular-toggle-group.d.ts.map +1 -1
- package/types/slotted-angular-toggle.d.ts +1 -1
- package/types/slotted-angular-toggle.d.ts.map +1 -1
|
@@ -301,25 +301,21 @@ function originOf(element, list, rtl) {
|
|
|
301
301
|
blockSize: box.height,
|
|
302
302
|
};
|
|
303
303
|
}
|
|
304
|
+
/* The widget in hand is placed and moved by its own geometry, never by a
|
|
305
|
+
custom property: one restyles everything under the widget, and it is
|
|
306
|
+
written every frame. */
|
|
307
|
+
const LIFT = ['inset-inline-start', 'inset-block-start', 'inline-size', 'block-size', 'translate'];
|
|
304
308
|
function writeOrigin(element, origin) {
|
|
305
|
-
element.style.setProperty('
|
|
306
|
-
element.style.setProperty('
|
|
307
|
-
element.style.setProperty('
|
|
308
|
-
element.style.setProperty('
|
|
309
|
+
element.style.setProperty('inset-inline-start', `${origin.inlineStart}px`);
|
|
310
|
+
element.style.setProperty('inset-block-start', `${origin.blockStart}px`);
|
|
311
|
+
element.style.setProperty('inline-size', `${origin.inlineSize}px`);
|
|
312
|
+
element.style.setProperty('block-size', `${origin.blockSize}px`);
|
|
309
313
|
}
|
|
310
314
|
function clearLift(element) {
|
|
311
315
|
if (element === undefined)
|
|
312
316
|
return;
|
|
313
|
-
for (const name of
|
|
314
|
-
'--_dg-origin-inline-start',
|
|
315
|
-
'--_dg-origin-block-start',
|
|
316
|
-
'--_dg-origin-inline-size',
|
|
317
|
-
'--_dg-origin-block-size',
|
|
318
|
-
'--_dg-lift-x',
|
|
319
|
-
'--_dg-lift-y',
|
|
320
|
-
]) {
|
|
317
|
+
for (const name of LIFT)
|
|
321
318
|
element.style.removeProperty(name);
|
|
322
|
-
}
|
|
323
319
|
}
|
|
324
320
|
function boxOf(element) {
|
|
325
321
|
const { left, top, width, height } = element.getBoundingClientRect();
|
|
@@ -761,12 +757,12 @@ class SlDashboardGrid {
|
|
|
761
757
|
const blockSize = pullsBottom
|
|
762
758
|
? Math.max(tracks.row, origin.blockSize + dy)
|
|
763
759
|
: origin.blockSize;
|
|
764
|
-
element.style.setProperty('
|
|
765
|
-
element.style.setProperty('
|
|
760
|
+
element.style.setProperty('inline-size', `${inlineSize}px`);
|
|
761
|
+
element.style.setProperty('block-size', `${blockSize}px`);
|
|
766
762
|
/* Pulled by its start, the widget keeps its end still: the element is
|
|
767
763
|
anchored at its start, so it moves by what it grew. */
|
|
768
764
|
const shift = pullsStart ? origin.inlineSize - inlineSize : 0;
|
|
769
|
-
element.style.setProperty('
|
|
765
|
+
element.style.setProperty('translate', `${rtl ? -shift : shift}px 0px`);
|
|
770
766
|
const w = spanFromTravel({
|
|
771
767
|
span,
|
|
772
768
|
track: tracks.track,
|
|
@@ -993,8 +989,7 @@ class SlDashboardGrid {
|
|
|
993
989
|
this.setGesture({ kind: 'move', key, preview: this.full(this.currentLayout()) });
|
|
994
990
|
}
|
|
995
991
|
if (state.point !== null) {
|
|
996
|
-
element.style.setProperty('
|
|
997
|
-
element.style.setProperty('--_dg-lift-y', `${state.point.y - press.y}px`);
|
|
992
|
+
element.style.setProperty('translate', `${state.point.x - press.x}px ${state.point.y - press.y}px`);
|
|
998
993
|
}
|
|
999
994
|
});
|
|
1000
995
|
const detachments = [];
|
|
@@ -1087,7 +1082,7 @@ class SlDashboardGrid {
|
|
|
1087
1082
|
target.focus();
|
|
1088
1083
|
}
|
|
1089
1084
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDashboardGrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1090
|
-
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.
|
|
1085
|
+
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.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: `
|
|
1091
1086
|
@if (isEditing() && resolvedEditBar()) {
|
|
1092
1087
|
<div data-part="edit-bar" role="group" [attr.aria-label]="t('editBar')">
|
|
1093
1088
|
<p data-part="edit-status" [id]="statusId">{{ t('editStatus') }}</p>
|
|
@@ -1155,6 +1150,7 @@ class SlDashboardGrid {
|
|
|
1155
1150
|
<ul
|
|
1156
1151
|
#list
|
|
1157
1152
|
data-part="grid"
|
|
1153
|
+
[attr.data-gesture]="gesture() === null ? null : ''"
|
|
1158
1154
|
role="list"
|
|
1159
1155
|
[attr.aria-label]="ariaLabel() ?? null"
|
|
1160
1156
|
[attr.aria-labelledby]="ariaLabelledBy() ?? null"
|
|
@@ -1453,7 +1449,7 @@ class SlDashboardGrid {
|
|
|
1453
1449
|
</section>
|
|
1454
1450
|
</div>
|
|
1455
1451
|
}
|
|
1456
|
-
`, 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 });
|
|
1452
|
+
`, 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", "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 });
|
|
1457
1453
|
}
|
|
1458
1454
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDashboardGrid, decorators: [{
|
|
1459
1455
|
type: Component,
|
|
@@ -1484,7 +1480,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1484
1480
|
'data-ui': 'dashboard-grid',
|
|
1485
1481
|
'data-part': 'root',
|
|
1486
1482
|
'[attr.data-editing]': 'isEditing() ? "" : null',
|
|
1487
|
-
'[attr.data-gesture]': 'gesture() === null ? null : ""',
|
|
1488
1483
|
'[attr.aria-label]': 'null',
|
|
1489
1484
|
'[attr.aria-labelledby]': 'null',
|
|
1490
1485
|
'[style.--_dg-columns-expanded]': 'grid().expanded',
|
|
@@ -1558,6 +1553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1558
1553
|
<ul
|
|
1559
1554
|
#list
|
|
1560
1555
|
data-part="grid"
|
|
1556
|
+
[attr.data-gesture]="gesture() === null ? null : ''"
|
|
1561
1557
|
role="list"
|
|
1562
1558
|
[attr.aria-label]="ariaLabel() ?? null"
|
|
1563
1559
|
[attr.aria-labelledby]="ariaLabelledBy() ?? null"
|
|
@@ -1856,7 +1852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
1856
1852
|
</section>
|
|
1857
1853
|
</div>
|
|
1858
1854
|
}
|
|
1859
|
-
`, 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"] }]
|
|
1855
|
+
`, 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"] }]
|
|
1860
1856
|
}], 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 }] }] } });
|
|
1861
1857
|
|
|
1862
1858
|
/** What the store holds under the key; a store that throws holds nothing. */
|