@slotted/angular 0.1.0-beta.7 → 0.1.0-beta.9

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

@@ -2,7 +2,7 @@ import { writeToClipboard } from '@slotted/core/clipboard';
 import { createRowMetrics, virtualWindow, nextSelection } from '@slotted/core/collection';
 import { createDragController } from '@slotted/core/drag';
 import { serializeFilter, operandCount, emptyFilter, operatorsFor, isConditionActive, isFilterActive, defaultOperator, withJoin, withCondition, normalizeFilter, describeFilter, ruleFor, withoutRuleFor, createFilterGroupPredicate } from '@slotted/core/filter';
-import { sameCell, HEADER_ROW, FILTER_ROW, SUMMARY_ROW, isGroupCursorRow, GROUP_ROW_PREFIX, POPIN_COLUMN_ID, emptyQuery, cellText, normalizeColumnState, resolveColumns, resolveColumnOverflow, columnsOutOfSpace, columnTemplate, applyQuery, rangeBounds, withSortPress, withSort, withColumnFilter, withoutFilters, cellValue, withColumnPinned, withColumnHidden, withColumnWidth, zoneOf, withColumnMoved, moveCursor, rangeEdges, settleCursor, serializeQuery, rangeCells, rangeToText, RESIZE_STEP, rowRange, columnRange, wholeRange, toCsv, emptyGridView, parseGridView, serializeGridView } from '@slotted/core/grid';
+import { sameCell, HEADER_ROW, FILTER_ROW, SUMMARY_ROW, isGroupCursorRow, GROUP_ROW_PREFIX, POPIN_COLUMN_ID, emptyQuery, cellText, normalizeColumnState, resolveColumns, resolveColumnOverflow, columnsOutOfSpace, columnTemplate, groupInOrder, applyQuery, rangeBounds, withSortPress, withSort, withColumnFilter, withoutFilters, cellValue, withColumnPinned, withColumnHidden, withColumnWidth, zoneOf, withColumnMoved, moveCursor, rangeEdges, settleCursor, serializeQuery, rangeCells, rangeToText, RESIZE_STEP, rowRange, columnRange, wholeRange, toCsv, emptyGridView, parseGridView, serializeGridView } from '@slotted/core/grid';
 import { dataGridMessages, dragMessages } from '@slotted/core/i18n';
 import { getLiveAnnouncer } from '@slotted/core/live-announcer';
 import { createScrollAffordance } from '@slotted/core/overflow';
@@ -689,11 +689,21 @@ class SlDataGridFilterPanel {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataGridFilterPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDataGridFilterPanel, isStandalone: true, selector: "sl-data-grid-filter-panel", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: true, transformFunction: null }, committed: { classPropertyName: "committed", publicName: "committed", isSignal: true, isRequired: false, transformFunction: null }, t: { classPropertyName: "t", publicName: "t", isSignal: true, isRequired: true, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, counts: { classPropertyName: "counts", publicName: "counts", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyRequest: "applyRequest" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: `
-    <div data-ui="data-grid" data-part="filter-panel" [attr.data-kind]="kind()">
+    <div
+      data-ui="data-grid"
+      data-ui-data-grid=""
+      data-part="filter-panel"
+      data-part-filter-panel=""
+      [attr.data-kind]="kind()"
+    >
       @for (index of lines(); track index) {
-        <div data-part="filter-condition" [attr.data-operands]="operandsOf(index)">
+        <div
+          data-part="filter-condition"
+          data-part-filter-condition=""
+          [attr.data-operands]="operandsOf(index)"
+        >
           @if (index === 1) {
-            <div data-part="filter-join">
+            <div data-part="filter-join" data-part-filter-join="">
               <div
                 slSegmentedControl
                 size="sm"
@@ -706,7 +716,7 @@ class SlDataGridFilterPanel {
               </div>
             </div>
           }
-          <div data-part="filter-operator">
+          <div data-part="filter-operator" data-part-filter-operator="">
             <sl-select
               size="sm"
               width="content"
@@ -723,6 +733,7 @@ class SlDataGridFilterPanel {
           </div>
           <div
             data-part="filter-operand"
+            data-part-filter-operand=""
             [attr.data-kind]="kind()"
             [attr.data-range]="operandsOf(index) === 2 && !rangeAt(index) ? '' : null"
           >
@@ -764,7 +775,7 @@ class SlDataGridFilterPanel {
           </div>
         </div>
       }
-      <div data-part="filter-actions">
+      <div data-part="filter-actions" data-part-filter-actions="">
         <button
           slButton
           type="button"
@@ -799,11 +810,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         SlSelectItem,
                     ],
                     template: `
-    <div data-ui="data-grid" data-part="filter-panel" [attr.data-kind]="kind()">
+    <div
+      data-ui="data-grid"
+      data-ui-data-grid=""
+      data-part="filter-panel"
+      data-part-filter-panel=""
+      [attr.data-kind]="kind()"
+    >
       @for (index of lines(); track index) {
-        <div data-part="filter-condition" [attr.data-operands]="operandsOf(index)">
+        <div
+          data-part="filter-condition"
+          data-part-filter-condition=""
+          [attr.data-operands]="operandsOf(index)"
+        >
           @if (index === 1) {
-            <div data-part="filter-join">
+            <div data-part="filter-join" data-part-filter-join="">
               <div
                 slSegmentedControl
                 size="sm"
@@ -816,7 +837,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               </div>
             </div>
           }
-          <div data-part="filter-operator">
+          <div data-part="filter-operator" data-part-filter-operator="">
             <sl-select
               size="sm"
               width="content"
@@ -833,6 +854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           </div>
           <div
             data-part="filter-operand"
+            data-part-filter-operand=""
             [attr.data-kind]="kind()"
             [attr.data-range]="operandsOf(index) === 2 && !rangeAt(index) ? '' : null"
           >
@@ -874,7 +896,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           </div>
         </div>
       }
-      <div data-part="filter-actions">
+      <div data-part="filter-actions" data-part-filter-actions="">
         <button
           slButton
           type="button"
@@ -1028,10 +1050,11 @@ class SlDataGridFilterRowOperand {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDataGridFilterRowOperand, isStandalone: true, selector: "sl-data-grid-filter-row-operand", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: true, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: true, transformFunction: null }, committed: { classPropertyName: "committed", publicName: "committed", isSignal: true, isRequired: false, transformFunction: null }, t: { classPropertyName: "t", publicName: "t", isSignal: true, isRequired: true, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, counts: { classPropertyName: "counts", publicName: "counts", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: `
     <div
       data-part="filter-operand"
+      data-part-filter-operand=""
       [attr.data-kind]="kind()"
       [attr.data-range]="operands() === 2 && !range() ? '' : null"
     >
-      <div data-part="filter-operator">
+      <div data-part="filter-operator" data-part-filter-operator="">
         <button
           type="button"
           tabindex="-1"
@@ -1099,10 +1122,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     template: `
     <div
       data-part="filter-operand"
+      data-part-filter-operand=""
       [attr.data-kind]="kind()"
       [attr.data-range]="operands() === 2 && !range() ? '' : null"
     >
-      <div data-part="filter-operator">
+      <div data-part="filter-operator" data-part-filter-operator="">
         <button
           type="button"
           tabindex="-1"
@@ -1237,7 +1261,13 @@ class SlDataGridEditor {
           [checked]="draft() === true"
           (checkedChange)="draftChange.emit($event.value)"
         >
-          <span data-ui="visually-hidden" data-part="root">{{ column().label }}</span>
+          <span
+            data-ui="visually-hidden"
+            data-ui-visually-hidden=""
+            data-part="root"
+            data-part-root=""
+            >{{ column().label }}</span
+          >
         </span>
       }
       @case ('date') {
@@ -1348,7 +1378,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           [checked]="draft() === true"
           (checkedChange)="draftChange.emit($event.value)"
         >
-          <span data-ui="visually-hidden" data-part="root">{{ column().label }}</span>
+          <span
+            data-ui="visually-hidden"
+            data-ui-visually-hidden=""
+            data-part="root"
+            data-part-root=""
+            >{{ column().label }}</span
+          >
         </span>
       }
       @case ('date') {
@@ -1440,6 +1476,7 @@ const FALLBACK = {
     pageSizes: [25, 50, 100],
     filterDebounce: 300,
     loadMoreThreshold: 20,
+    loadMoreTrigger: 'scroll',
     skeletonRows: 8,
 };
 const DATA_GRID_DEFAULTS = new InjectionToken('slotted data-grid defaults', {
@@ -1835,6 +1872,15 @@ class SlDataGrid {
     ...(ngDevMode ? [{ debugName: "filterDebounce" }] : /* istanbul ignore next */ []));
     loadMoreThreshold = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "loadMoreThreshold" }] : /* istanbul ignore next */ []));
+    /**
+     * What asks for the next page. `scroll` asks when the window nears the end,
+     * `button` only from the Load more control, `both` does the two. Default
+     * `scroll`.
+     */
+    loadMoreTrigger = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadMoreTrigger" }] : /* istanbul ignore next */ []));
+    /** The last page asked for failed: the automatic request stops and the footer offers a retry. */
+    loadMoreFailed = input(false, { ...(ngDevMode ? { debugName: "loadMoreFailed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     skeletonRows = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "skeletonRows" }] : /* istanbul ignore next */ []));
     activatable = input(false, { ...(ngDevMode ? { debugName: "activatable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -1946,6 +1992,15 @@ class SlDataGrid {
     ...(ngDevMode ? [{ debugName: "resolvedDebounce" }] : /* istanbul ignore next */ []));
     resolvedThreshold = computed(() => this.loadMoreThreshold() ?? this.defaults.loadMoreThreshold, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "resolvedThreshold" }] : /* istanbul ignore next */ []));
+    resolvedLoadMore = computed(() => this.loadMoreTrigger() ?? this.defaults.loadMoreTrigger, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLoadMore" }] : /* istanbul ignore next */ []));
+    /**
+     * Under `scroll` the request is automatic: a quiet status while the page
+     * loads, and a control only to retry one that failed. A Load more control
+     * beside a list that loads itself read as a control with no purpose.
+     */
+    offersMoreControl = computed(() => this.resolvedLoadMore() !== 'scroll' || this.loadMoreFailed(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "offersMoreControl" }] : /* istanbul ignore next */ []));
     resolvedSkeleton = computed(() => this.skeletonRows() ?? this.defaults.skeletonRows, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "resolvedSkeleton" }] : /* istanbul ignore next */ []));
     resolvedLocale = computed(() => this.locale() ?? this.providedLocale(), /* @ts-ignore */
@@ -2172,18 +2227,14 @@ class SlDataGrid {
         const rows = this.bodyRows();
         const query = this.query();
         if (this.resolvedMode() === 'server') {
-            const offset = query.page && 'index' in query.page ? query.page.index * query.page.size : 0;
-            const nodes = rows.map((row, index) => ({
-                kind: 'row',
-                key: this.rowKeyOf(row),
-                row,
-                index: offset + index,
-                groups: [],
-                level: 1,
-                parent: null,
-                childCount: 0,
-                open: false,
-            }));
+            /* Sorted, filtered and paged by the server; grouped here, in the order
+               the rows came, so a page ordered by date shows its days. */
+            const nodes = groupInOrder(rows, this.columns(), query.group, {
+                rowKey: (row) => this.rowKeyOf(row),
+                expandedGroups: this.expandedGroups(),
+                offset: query.page && 'index' in query.page ? query.page.index * query.page.size : 0,
+                ...this.formatOptions(),
+            });
             return {
                 nodes,
                 rows,
@@ -3565,10 +3616,13 @@ class SlDataGrid {
                 }));
             }
         });
-        /* Load more when the window nears the end. */
+        /* Load more when the window nears the end, unless only the control asks, or
+           the last page failed and a retry is the reader's to press. */
         effect(() => {
             if (this.hasMore() !== true || this.loading())
                 return;
+            if (this.resolvedLoadMore() === 'button' || this.loadMoreFailed())
+                return;
             const remaining = this.nodes().length - this.rowWindow().endIndex;
             const scroller = this.scrollRef()?.nativeElement;
             const near = this.windowsRows()
@@ -3770,6 +3824,9 @@ class SlDataGrid {
     measureEdges = null;
     rowDraggables = new Map();
     rowDraggableNodes = new Map();
+    selectRowLabel(key) {
+        return this.t('selectRow', { row: this.rowLabelOf(key), key });
+    }
     rowHandleLabel(key) {
         return this.t('reorderRow', { row: this.rowLabelOf(key) });
     }
@@ -4507,16 +4564,17 @@ class SlDataGrid {
         this.formDisabled.set(isDisabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataGrid, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDataGrid, isStandalone: true, selector: "sl-data-grid", inputs: { rowsInput: { classPropertyName: "rowsInput", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, columnGroups: { classPropertyName: "columnGroups", publicName: "columnGroups", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, totalCountInput: { classPropertyName: "totalCountInput", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, hasMoreInput: { classPropertyName: "hasMoreInput", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, loadingInput: { classPropertyName: "loadingInput", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, errorInput: { classPropertyName: "errorInput", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, disabledKeys: { classPropertyName: "disabledKeys", publicName: "disabledKeys", isSignal: true, isRequired: false, transformFunction: null }, highlightChanges: { classPropertyName: "highlightChanges", publicName: "highlightChanges", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, columnState: { classPropertyName: "columnState", publicName: "columnState", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandedGroups: { classPropertyName: "expandedGroups", publicName: "expandedGroups", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, stickyTo: { classPropertyName: "stickyTo", publicName: "stickyTo", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, filterRow: { classPropertyName: "filterRow", publicName: "filterRow", isSignal: true, isRequired: false, transformFunction: null }, virtualize: { classPropertyName: "virtualize", publicName: "virtualize", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, columnOverflow: { classPropertyName: "columnOverflow", publicName: "columnOverflow", isSignal: true, isRequired: false, transformFunction: null }, overscan: { classPropertyName: "overscan", publicName: "overscan", isSignal: true, isRequired: false, transformFunction: null }, filterDebounce: { classPropertyName: "filterDebounce", publicName: "filterDebounce", isSignal: true, isRequired: false, transformFunction: null }, loadMoreThreshold: { classPropertyName: "loadMoreThreshold", publicName: "loadMoreThreshold", isSignal: true, isRequired: false, transformFunction: null }, skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null }, activatable: { classPropertyName: "activatable", publicName: "activatable", isSignal: true, isRequired: false, transformFunction: null }, manageable: { classPropertyName: "manageable", publicName: "manageable", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, rowsReorderable: { classPropertyName: "rowsReorderable", publicName: "rowsReorderable", isSignal: true, isRequired: false, transformFunction: null }, pinnedRows: { classPropertyName: "pinnedRows", publicName: "pinnedRows", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, showRange: { classPropertyName: "showRange", publicName: "showRange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { query: "queryChange", columnState: "columnStateChange", value: "valueChange", range: "rangeChange", current: "currentChange", expanded: "expandedChange", expandedGroups: "expandedGroupsChange", queryChangeRequest: "queryChangeRequest", columnStateChangeRequest: "columnStateChangeRequest", valueChangeRequest: "valueChangeRequest", rangeChangeRequest: "rangeChangeRequest", currentChangeRequest: "currentChangeRequest", expandedChangeRequest: "expandedChangeRequest", expandedGroupsChangeRequest: "expandedGroupsChangeRequest", editStart: "editStart", editCommit: "editCommit", editCancel: "editCancel", activate: "activate", loadMore: "loadMore", loadChildren: "loadChildren", rowsReorder: "rowsReorder", retry: "retry", manageColumns: "manageColumns", outOfSpaceChange: "outOfSpaceChange" }, host: { attributes: { "data-ui": "data-grid", "data-part": "root" }, listeners: { "keydown": "onRootKeyDown($event)", "focusout": "onRootFocusOut($event)" }, properties: { "attr.role": "tree() ? 'treegrid' : 'grid'", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "labelledBy() ?? null", "attr.aria-rowcount": "ariaRowCount()", "attr.aria-colcount": "ariaColCount()", "attr.aria-multiselectable": "resolvedSelectionMode() === 'multiple' || resolvedSelectionMode() === 'range' ? 'true' : null", "attr.aria-busy": "loading() && rows().length > 0 ? 'true' : null", "attr.data-variant": "resolvedVariant()", "attr.data-striped": "resolvedStriped() ? '' : null", "attr.data-sticky-header": "resolvedStickyHeader() ? '' : null", "attr.data-sticky-to": "resolvedStickyTo() === 'page' ? 'page' : null", "attr.data-selection": "resolvedSelectionMode() === 'none' ? null : resolvedSelectionMode()", "attr.data-filter-row": "resolvedFilterRow() ? '' : null", "attr.data-rows": "autoRows() ? 'auto' : 'fixed'", "attr.data-slotted-density": "density() ?? null", "attr.data-popin": "hasPopin() ? outOfSpace().popin.length : null", "style.--slotted-data-grid-template": "template()", "style.--slotted-data-grid-block-size": "blockSize()", "style.--slotted-data-grid-row-block-size": "rowBlockSize()", "style.--slotted-data-grid-leading": "hasPopin() ? leading() + 'px' : null", "style.--slotted-data-grid-changed-duration": "changedDuration()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlDataGrid, isStandalone: true, selector: "sl-data-grid", inputs: { rowsInput: { classPropertyName: "rowsInput", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, columnGroups: { classPropertyName: "columnGroups", publicName: "columnGroups", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, totalCountInput: { classPropertyName: "totalCountInput", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, hasMoreInput: { classPropertyName: "hasMoreInput", publicName: "hasMore", isSignal: true, isRequired: false, transformFunction: null }, loadingInput: { classPropertyName: "loadingInput", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, errorInput: { classPropertyName: "errorInput", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, disabledKeys: { classPropertyName: "disabledKeys", publicName: "disabledKeys", isSignal: true, isRequired: false, transformFunction: null }, highlightChanges: { classPropertyName: "highlightChanges", publicName: "highlightChanges", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, columnState: { classPropertyName: "columnState", publicName: "columnState", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandedGroups: { classPropertyName: "expandedGroups", publicName: "expandedGroups", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, stickyTo: { classPropertyName: "stickyTo", publicName: "stickyTo", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, filterRow: { classPropertyName: "filterRow", publicName: "filterRow", isSignal: true, isRequired: false, transformFunction: null }, virtualize: { classPropertyName: "virtualize", publicName: "virtualize", isSignal: true, isRequired: false, transformFunction: null }, rowHeight: { classPropertyName: "rowHeight", publicName: "rowHeight", isSignal: true, isRequired: false, transformFunction: null }, columnOverflow: { classPropertyName: "columnOverflow", publicName: "columnOverflow", isSignal: true, isRequired: false, transformFunction: null }, overscan: { classPropertyName: "overscan", publicName: "overscan", isSignal: true, isRequired: false, transformFunction: null }, filterDebounce: { classPropertyName: "filterDebounce", publicName: "filterDebounce", isSignal: true, isRequired: false, transformFunction: null }, loadMoreThreshold: { classPropertyName: "loadMoreThreshold", publicName: "loadMoreThreshold", isSignal: true, isRequired: false, transformFunction: null }, loadMoreTrigger: { classPropertyName: "loadMoreTrigger", publicName: "loadMoreTrigger", isSignal: true, isRequired: false, transformFunction: null }, loadMoreFailed: { classPropertyName: "loadMoreFailed", publicName: "loadMoreFailed", isSignal: true, isRequired: false, transformFunction: null }, skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null }, activatable: { classPropertyName: "activatable", publicName: "activatable", isSignal: true, isRequired: false, transformFunction: null }, manageable: { classPropertyName: "manageable", publicName: "manageable", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, tree: { classPropertyName: "tree", publicName: "tree", isSignal: true, isRequired: false, transformFunction: null }, rowsReorderable: { classPropertyName: "rowsReorderable", publicName: "rowsReorderable", isSignal: true, isRequired: false, transformFunction: null }, pinnedRows: { classPropertyName: "pinnedRows", publicName: "pinnedRows", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, showRange: { classPropertyName: "showRange", publicName: "showRange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { query: "queryChange", columnState: "columnStateChange", value: "valueChange", range: "rangeChange", current: "currentChange", expanded: "expandedChange", expandedGroups: "expandedGroupsChange", queryChangeRequest: "queryChangeRequest", columnStateChangeRequest: "columnStateChangeRequest", valueChangeRequest: "valueChangeRequest", rangeChangeRequest: "rangeChangeRequest", currentChangeRequest: "currentChangeRequest", expandedChangeRequest: "expandedChangeRequest", expandedGroupsChangeRequest: "expandedGroupsChangeRequest", editStart: "editStart", editCommit: "editCommit", editCancel: "editCancel", activate: "activate", loadMore: "loadMore", loadChildren: "loadChildren", rowsReorder: "rowsReorder", retry: "retry", manageColumns: "manageColumns", outOfSpaceChange: "outOfSpaceChange" }, host: { attributes: { "data-ui": "data-grid", "data-ui-data-grid": "", "data-part": "root", "data-part-root": "" }, listeners: { "keydown": "onRootKeyDown($event)", "focusout": "onRootFocusOut($event)" }, properties: { "attr.role": "tree() ? 'treegrid' : 'grid'", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "labelledBy() ?? null", "attr.aria-rowcount": "ariaRowCount()", "attr.aria-colcount": "ariaColCount()", "attr.aria-multiselectable": "resolvedSelectionMode() === 'multiple' || resolvedSelectionMode() === 'range' ? 'true' : null", "attr.aria-busy": "loading() && rows().length > 0 ? 'true' : null", "attr.data-variant": "resolvedVariant()", "attr.data-striped": "resolvedStriped() ? '' : null", "attr.data-sticky-header": "resolvedStickyHeader() ? '' : null", "attr.data-sticky-to": "resolvedStickyTo() === 'page' ? 'page' : null", "attr.data-selection": "resolvedSelectionMode() === 'none' ? null : resolvedSelectionMode()", "attr.data-filter-row": "resolvedFilterRow() ? '' : null", "attr.data-rows": "autoRows() ? 'auto' : 'fixed'", "attr.data-slotted-density": "density() ?? null", "attr.data-popin": "hasPopin() ? outOfSpace().popin.length : null", "style.--slotted-data-grid-template": "template()", "style.--slotted-data-grid-block-size": "blockSize()", "style.--slotted-data-grid-row-block-size": "rowBlockSize()", "style.--slotted-data-grid-leading": "hasPopin() ? leading() + 'px' : null", "style.--slotted-data-grid-changed-duration": "changedDuration()" } }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlDataGrid), multi: true },
         ], queries: [{ propertyName: "cellTemplates", predicate: SlDataGridCellTemplate, isSignal: true }, { propertyName: "editorTemplates", predicate: SlDataGridEditorTemplate, isSignal: true }, { propertyName: "headerTemplates", predicate: SlDataGridHeaderTemplate, isSignal: true }, { propertyName: "filterTemplates", predicate: SlDataGridFilterTemplate, isSignal: true }, { propertyName: "helpTemplates", predicate: SlDataGridColumnHelp, isSignal: true }, { propertyName: "detailTemplate", first: true, predicate: SlDataGridDetailTemplate, descendants: true, isSignal: true }, { propertyName: "groupTemplate", first: true, predicate: SlDataGridGroupTemplate, descendants: true, isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: SlDataGridEmptyTemplate, descendants: true, isSignal: true }, { propertyName: "footerContent", first: true, predicate: SlDataGridFooter, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "scrollRef", first: true, predicate: ["scroll"], descendants: true, isSignal: true }, { propertyName: "columnMenus", predicate: SlMenu, descendants: true, isSignal: true }], exportAs: ["slDataGrid"], ngImport: i0, template: `
-    <div #scroll data-part="scroll">
-      <div data-part="head" role="rowgroup">
+    <div #scroll data-part="scroll" data-part-scroll="">
+      <div data-part="head" data-part-head="" role="rowgroup">
         @if (hasGroups()) {
-          <div data-part="header-row" role="row" aria-rowindex="1">
+          <div data-part="header-row" data-part-header-row="" role="row" aria-rowindex="1">
             @for (cell of groupCells(); track cell.key) {
               <div
                 data-part="column-group"
+                data-part-column-group=""
                 role="columnheader"
                 tabindex="-1"
                 [attr.aria-colindex]="cell.first"
@@ -4532,6 +4590,7 @@ class SlDataGrid {
         }
         <div
           data-part="header-row"
+          data-part-header-row=""
           role="row"
           [attr.data-row]="HEADER"
           [attr.aria-rowindex]="hasGroups() ? 2 : 1"
@@ -4539,6 +4598,7 @@ class SlDataGrid {
           @if (hasSelectionColumn()) {
             <div
               data-part="selection"
+              data-part-selection=""
               role="gridcell"
               aria-colindex="1"
               [attr.data-column]="SELECTION"
@@ -4557,7 +4617,13 @@ class SlDataGrid {
                   [tabIndex]="isCurrent(HEADER, SELECTION) ? 0 : -1"
                   (checkedChange)="toggleAll($event.source)"
                 >
-                  <span data-ui="visually-hidden" data-part="root">{{ selectAllName() }}</span>
+                  <span
+                    data-ui="visually-hidden"
+                    data-ui-visually-hidden=""
+                    data-part="root"
+                    data-part-root=""
+                    >{{ selectAllName() }}</span
+                  >
                 </span>
               }
             </div>
@@ -4565,6 +4631,7 @@ class SlDataGrid {
           @if (hasDragColumn()) {
             <div
               data-part="column-header"
+              data-part-column-header=""
               role="columnheader"
               tabindex="-1"
               [attr.aria-colindex]="dragIndex()"
@@ -4577,6 +4644,7 @@ class SlDataGrid {
           @if (hasExpanderColumn()) {
             <div
               data-part="column-header"
+              data-part-column-header=""
               role="columnheader"
               tabindex="-1"
               [attr.aria-colindex]="expanderIndex()"
@@ -4598,6 +4666,7 @@ class SlDataGrid {
               <div
                 slPopoverAnchor
                 data-part="column-header"
+                data-part-column-header=""
                 role="columnheader"
                 [attr.aria-colindex]="indexOf(column.id)"
                 [attr.aria-sort]="ariaSort(column.id)"
@@ -4645,6 +4714,7 @@ class SlDataGrid {
                 @if (sortOf(column.id); as sort) {
                   <span
                     data-part="sort"
+                    data-part-sort=""
                     aria-hidden="true"
                     [attr.data-index]="query().sort.length > 1 ? sort.index : null"
                   >
@@ -4656,17 +4726,19 @@ class SlDataGrid {
                 @if (column.column.description; as description) {
                   <span
                     data-part="column-description"
+                    data-part-column-description=""
                     aria-hidden="true"
                     [id]="descriptionId(column.id)"
                     >{{ description }}</span
                   >
                 }
-                <span data-part="column-actions">
+                <span data-part="column-actions" data-part-column-actions="">
                   @if (hasHelp(column)) {
                     <ng-container slPopover side="bottom" align="start" size="sm">
                       <button
                         slPopoverTrigger
                         data-part="column-help"
+                        data-part-column-help=""
                         type="button"
                         tabindex="-1"
                         [attr.aria-label]="helpLabel(column)"
@@ -4695,6 +4767,7 @@ class SlDataGrid {
                   @if (column.filterable && (filterOf(column.id) || filterOpen() === column.id)) {
                     <button
                       data-part="filter"
+                      data-part-filter=""
                       type="button"
                       tabindex="-1"
                       aria-haspopup="dialog"
@@ -4710,6 +4783,7 @@ class SlDataGrid {
                   }
                   <button
                     data-part="column-menu"
+                    data-part-column-menu=""
                     type="button"
                     tabindex="-1"
                     [slMenuTriggerFor]="columnMenu"
@@ -4730,7 +4804,11 @@ class SlDataGrid {
                     "
                   >
                     @if (column.column.description; as description) {
-                      <div data-part="column-menu-description" aria-hidden="true">
+                      <div
+                        data-part="column-menu-description"
+                        data-part-column-menu-description=""
+                        aria-hidden="true"
+                      >
                         {{ description }}
                       </div>
                     }
@@ -4806,6 +4884,7 @@ class SlDataGrid {
                 @if (column.resizable) {
                   <div
                     data-part="resizer"
+                    data-part-resizer=""
                     aria-hidden="true"
                     [attr.title]="t('resize')"
                     [attr.data-resizing]="resizing() === column.id ? '' : null"
@@ -4844,6 +4923,7 @@ class SlDataGrid {
             <!-- The pop-in's column, named for a reader and given no track. -->
             <div
               data-part="popin-header"
+              data-part-popin-header=""
               role="columnheader"
               [attr.aria-colindex]="popinIndex()"
               [attr.data-column]="POPIN"
@@ -4855,6 +4935,7 @@ class SlDataGrid {
         @if (resolvedFilterRow()) {
           <div
             data-part="filter-row"
+            data-part-filter-row=""
             role="row"
             [attr.data-row]="FILTER"
             [attr.aria-rowindex]="headerRowCount()"
@@ -4862,6 +4943,7 @@ class SlDataGrid {
             @if (hasSelectionColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 aria-colindex="1"
                 tabindex="-1"
@@ -4872,6 +4954,7 @@ class SlDataGrid {
             @if (hasDragColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 tabindex="-1"
                 [attr.aria-colindex]="dragIndex()"
@@ -4882,6 +4965,7 @@ class SlDataGrid {
             @if (hasExpanderColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 tabindex="-1"
                 [attr.aria-colindex]="expanderIndex()"
@@ -4892,6 +4976,7 @@ class SlDataGrid {
             @for (column of mountedColumns(); track column.id) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 [attr.aria-colindex]="indexOf(column.id)"
                 [attr.data-column]="column.id"
@@ -4931,6 +5016,7 @@ class SlDataGrid {
       <ng-template #bodyRow let-entry>
         <div
           data-part="row"
+          data-part-row=""
           role="row"
           [attr.data-row]="entry.node.key"
           [attr.aria-rowindex]="entry.rowIndex"
@@ -4954,6 +5040,7 @@ class SlDataGrid {
           @if (hasSelectionColumn()) {
             <div
               data-part="selection"
+              data-part-selection=""
               role="gridcell"
               aria-colindex="1"
               [attr.data-column]="SELECTION"
@@ -4976,15 +5063,20 @@ class SlDataGrid {
                   })
                 "
               >
-                <span data-ui="visually-hidden" data-part="root">{{
-                  t('selectRow', { row: entry.node.key })
-                }}</span>
+                <span
+                  data-ui="visually-hidden"
+                  data-ui-visually-hidden=""
+                  data-part="root"
+                  data-part-root=""
+                  >{{ selectRowLabel(entry.node.key) }}</span
+                >
               </span>
             </div>
           }
           @if (hasDragColumn()) {
             <div
               data-part="cell"
+              data-part-cell=""
               role="gridcell"
               data-kind="drag"
               [attr.aria-colindex]="dragIndex()"
@@ -4998,6 +5090,7 @@ class SlDataGrid {
             >
               <button
                 data-part="row-handle"
+                data-part-row-handle=""
                 type="button"
                 [attr.tabindex]="isCurrent(entry.node.key, DRAG) ? 0 : -1"
                 [attr.aria-disabled]="rowsReorderableNow() ? null : 'true'"
@@ -5011,6 +5104,7 @@ class SlDataGrid {
           @if (hasExpanderColumn()) {
             <div
               data-part="cell"
+              data-part-cell=""
               data-kind="expander"
               role="gridcell"
               [attr.aria-colindex]="expanderIndex()"
@@ -5025,6 +5119,7 @@ class SlDataGrid {
               @if (isExpandable(entry.node.row)) {
                 <button
                   data-part="expander"
+                  data-part-expander=""
                   type="button"
                   tabindex="-1"
                   [attr.aria-expanded]="isExpanded(entry.node.key)"
@@ -5043,6 +5138,8 @@ class SlDataGrid {
             @let cell = cellState(entry.node, column);
             <div
               [attr.data-part]="column.column.rowHeader ? 'row-header' : 'cell'"
+              [attr.data-part-row-header]="column.column.rowHeader ? '' : null"
+              [attr.data-part-cell]="column.column.rowHeader ? null : ''"
               [attr.role]="column.column.rowHeader ? 'rowheader' : 'gridcell'"
               [attr.aria-colindex]="indexOf(column.id)"
               [attr.aria-readonly]="cell.readonly ? 'true' : null"
@@ -5084,6 +5181,7 @@ class SlDataGrid {
               @if (cell.tree === 'branch') {
                 <button
                   data-part="tree-toggle"
+                  data-part-tree-toggle=""
                   type="button"
                   tabindex="-1"
                   [attr.aria-expanded]="entry.node.open"
@@ -5102,10 +5200,15 @@ class SlDataGrid {
                   ></span>
                 </button>
               } @else if (cell.tree === 'leaf') {
-                <span data-part="tree-toggle" data-empty aria-hidden="true"></span>
+                <span
+                  data-part="tree-toggle"
+                  data-part-tree-toggle=""
+                  data-empty
+                  aria-hidden="true"
+                ></span>
               }
               @if (cell.editing) {
-                <div data-part="editor">
+                <div data-part="editor" data-part-editor="">
                   @if (editorTemplate(column.id); as template) {
                     <ng-container
                       [ngTemplateOutlet]="template"
@@ -5137,6 +5240,7 @@ class SlDataGrid {
           @if (hasPopin()) {
             <div
               data-part="popin"
+              data-part-popin=""
               role="gridcell"
               [attr.aria-colindex]="popinIndex()"
               [attr.data-column]="POPIN"
@@ -5151,12 +5255,18 @@ class SlDataGrid {
             >
               @for (column of popinColumns(); track column.id) {
                 @let cell = cellState(entry.node, column);
-                <div data-part="popin-field" [attr.data-field]="column.id">
+                <div data-part="popin-field" data-part-popin-field="" [attr.data-field]="column.id">
                   @if (column.column.label) {
-                    <span data-part="popin-label">{{ column.column.label }}</span>
+                    <span data-part="popin-label" data-part-popin-label="">{{
+                      column.column.label
+                    }}</span>
                   }
                   <!-- Read only: an edit happens in a visible cell, the detail or the record. -->
-                  <div data-part="popin-value" [attr.data-text]="column.text">
+                  <div
+                    data-part="popin-value"
+                    data-part-popin-value=""
+                    [attr.data-text]="column.text"
+                  >
                     @if (cellTemplate(column.id); as template) {
                       <ng-container
                         [ngTemplateOutlet]="template"
@@ -5174,6 +5284,7 @@ class SlDataGrid {
         @if (detailOpen(entry.node) && detailTemplate(); as template) {
           <div
             data-part="detail"
+            data-part-detail=""
             role="row"
             [attr.data-row]="entry.node.key + ':detail'"
             [attr.id]="detailId(entry.node.key)"
@@ -5199,7 +5310,7 @@ class SlDataGrid {
         }
       </ng-template>
       @if (pinned().top.length > 0) {
-        <div data-part="pinned-rows" data-edge="top" role="rowgroup">
+        <div data-part="pinned-rows" data-part-pinned-rows="" data-edge="top" role="rowgroup">
           @for (entry of pinnedTopEntries(); track entry.node.key) {
             <ng-container
               [ngTemplateOutlet]="bodyRow"
@@ -5211,12 +5322,13 @@ class SlDataGrid {
       @if (status() === 'loading') {
         <div
           data-part="loader"
+          data-part-loader=""
           role="rowgroup"
           aria-hidden="true"
           [style.--slotted-data-grid-loader-row-size]="rowSize() + 'px'"
         >
           @for (row of skeletonRowsList(); track row) {
-            <div data-part="row" role="row">
+            <div data-part="row" data-part-row="" role="row">
               @for (columnId of columnIds(); track columnId; let index = $index) {
                 <div role="gridcell" [style.--slotted-data-grid-column]="index + 1">
                   <!-- The gutters reserve their width and draw nothing: what
@@ -5235,6 +5347,7 @@ class SlDataGrid {
       } @else {
         <div
           data-part="body"
+          data-part-body=""
           role="rowgroup"
           [style.--slotted-data-grid-window-total]="
             windowsRows() ? rowWindow().totalSize + 'px' : null
@@ -5247,6 +5360,7 @@ class SlDataGrid {
             @if (entry.node.kind === 'group') {
               <div
                 data-part="group-row"
+                data-part-group-row=""
                 role="row"
                 [attr.data-row]="GROUP_PREFIX + entry.node.key"
                 [attr.aria-rowindex]="entry.rowIndex"
@@ -5289,6 +5403,7 @@ class SlDataGrid {
                 >
                   <button
                     data-part="group-toggle"
+                    data-part-group-toggle=""
                     type="button"
                     tabindex="-1"
                     [attr.aria-expanded]="entry.node.expanded"
@@ -5360,7 +5475,7 @@ class SlDataGrid {
       }
 
       @if (status() !== 'rows' && status() !== 'loading') {
-        <div data-part="empty">
+        <div data-part="empty" data-part-empty="">
           @if (emptyTemplate(); as template) {
             <ng-container
               [ngTemplateOutlet]="template.template"
@@ -5406,7 +5521,7 @@ class SlDataGrid {
         </div>
       }
       @if (pinned().bottom.length > 0) {
-        <div data-part="pinned-rows" data-edge="bottom" role="rowgroup">
+        <div data-part="pinned-rows" data-part-pinned-rows="" data-edge="bottom" role="rowgroup">
           @for (entry of pinnedBottomEntries(); track entry.node.key) {
             <ng-container
               [ngTemplateOutlet]="bodyRow"
@@ -5416,11 +5531,12 @@ class SlDataGrid {
         </div>
       }
       @if (hasSummary() && status() === 'rows') {
-        <div data-part="summary" role="rowgroup">
+        <div data-part="summary" data-part-summary="" role="rowgroup">
           <div role="row" [attr.data-row]="SUMMARY" [attr.aria-rowindex]="summaryRowIndex()">
             @for (columnId of gutterIds(); track columnId; let index = $index) {
               <div
                 data-part="summary-cell"
+                data-part-summary-cell=""
                 role="gridcell"
                 tabindex="-1"
                 [attr.aria-colindex]="index + 1"
@@ -5431,6 +5547,7 @@ class SlDataGrid {
             @for (column of mountedColumns(); track column.id) {
               <div
                 data-part="summary-cell"
+                data-part-summary-cell=""
                 role="gridcell"
                 [attr.aria-colindex]="indexOf(column.id)"
                 [attr.data-column]="column.id"
@@ -5454,6 +5571,7 @@ class SlDataGrid {
             @if (hasPopinCell(SUMMARY)) {
               <div
                 data-part="popin"
+                data-part-popin=""
                 role="gridcell"
                 [attr.aria-colindex]="popinIndex()"
                 [attr.data-column]="POPIN"
@@ -5465,11 +5583,17 @@ class SlDataGrid {
                 (pointerdown)="onCellPointerDown($event, { row: SUMMARY, column: POPIN })"
               >
                 @for (column of popinAggregated(); track column.id) {
-                  <div data-part="popin-field" [attr.data-field]="column.id">
+                  <div
+                    data-part="popin-field"
+                    data-part-popin-field=""
+                    [attr.data-field]="column.id"
+                  >
                     @if (column.column.label) {
-                      <span data-part="popin-label">{{ column.column.label }}</span>
+                      <span data-part="popin-label" data-part-popin-label="">{{
+                        column.column.label
+                      }}</span>
                     }
-                    <div data-part="popin-value">
+                    <div data-part="popin-value" data-part-popin-value="">
                       <span>{{ aggregateText(column, applied().aggregates[column.id]) }}</span>
                     </div>
                   </div>
@@ -5482,6 +5606,7 @@ class SlDataGrid {
       @if (dragState().offset !== null) {
         <div
           data-part="drop-indicator"
+          data-part-drop-indicator=""
           aria-hidden="true"
           [style.--slotted-data-grid-drop-offset]="dragState().offset + 'px'"
           [style.--slotted-data-grid-drop-scroll]="dragState().scrollTop + 'px'"
@@ -5490,6 +5615,7 @@ class SlDataGrid {
       @if (rowDragState().offset !== null) {
         <div
           data-part="drop-indicator"
+          data-part-drop-indicator=""
           data-axis="row"
           aria-hidden="true"
           [style.--slotted-data-grid-drop-offset]="rowDragState().offset + 'px'"
@@ -5498,29 +5624,33 @@ class SlDataGrid {
       }
     </div>
     @if (showsFooter()) {
-      <div data-part="footer">
+      <div data-part="footer" data-part-footer="">
         @if (rangeText(); as text) {
           <span data-range="">{{ text }}</span>
         }
         <ng-content select="[slDataGridFooter]" />
         @if (hasMore() && !hasFooterContent()) {
-          <div>
-            <button
-              slButton
-              type="button"
-              size="sm"
-              tone="secondary"
-              variant="outline"
-              [disabled]="loading()"
-              (click)="loadMore.emit()"
-            >
-              {{ t('loadMore') }}
-            </button>
-          </div>
+          @if (offersMoreControl()) {
+            <div>
+              <button
+                slButton
+                type="button"
+                size="sm"
+                tone="secondary"
+                variant="outline"
+                [disabled]="loading()"
+                (click)="loadMore.emit()"
+              >
+                {{ loadMoreFailed() ? t('retry') : t('loadMore') }}
+              </button>
+            </div>
+          } @else if (loading()) {
+            <span data-loading-more="" role="status">{{ t('loadingMore') }}</span>
+          }
         }
       </div>
     }
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=data-grid][data-part=root]{--_head-block: var(--slotted-data-grid-head-block-size, var(--slotted-control-height-md, 34px));--_row-block: var(--slotted-data-grid-row-block-size, var(--_head-block));--_row-max-block: var(--slotted-data-grid-row-max-block-size, calc(var(--_row-block) * 4));--_font-size: var(--slotted-data-grid-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-data-grid-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-data-grid-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-data-grid-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-data-grid-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_head-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_radius: var(--slotted-data-grid-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-data-grid-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-data-grid-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-data-grid-border-width, var(--slotted-border-width-thin, 1px));--_edge-shadow: var( --slotted-data-grid-pin-shadow-color, color-mix(in oklab, var(--slotted-scrim, rgb(0 0 0 / .5)) 22%, transparent) );--_edge-shadow-size: var(--slotted-data-grid-pin-shadow-size, var(--slotted-space-5, .75rem));--_indent: var(--slotted-data-grid-indent, var(--slotted-space-6, 1rem));--_text: var(--slotted-data-grid-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-data-grid-color-muted, var(--slotted-text-muted, GrayText));--_surface: var( --slotted-data-grid-surface, var(--slotted-ground, var(--slotted-surface, Canvas)) );--_head-surface: var( --slotted-data-grid-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_head-surface-hover: var( --slotted-data-grid-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );--_band-surface: var( --slotted-data-grid-band-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 4%, var(--_surface)) );--_stripe: var( --slotted-data-grid-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-data-grid-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-data-grid-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-data-grid-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-data-grid-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );--_cursor: var(--slotted-data-grid-cursor-color, var(--slotted-tone-accent-border, Highlight));--_cursor-rest: color-mix( in oklab, var(--slotted-focus-ring-color, Highlight) 60%, transparent );--_range: var(--slotted-data-grid-range-surface, var(--slotted-tone-accent-surface, Canvas));--_changed: var( --slotted-data-grid-changed-surface, color-mix(in oklab, var(--slotted-tone-accent-solid, Highlight) 24%, transparent) );--_ring-width: var(--slotted-focus-ring-width, 2px);--_control: min( var(--slotted-target-min, 24px), calc( min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2 - var(--slotted-space-1, .125rem) * 2 ) );--_control-icon: min( var(--_icon-size), calc(var(--_control) - var(--slotted-space-2, .25rem)) );--_track: var(--_row-block);--_transition: var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_surface);block-size:var(--slotted-data-grid-block-size, auto);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-data-grid-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);isolation:isolate;line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;min-block-size:0;position:relative}[data-ui=data-grid][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-data-grid-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui=data-grid]>[data-part=scroll]{container-name:slotted-data-grid;container-type:inline-size;flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior-block:auto;overscroll-behavior-inline:contain;position:relative}[data-ui=data-grid][data-sticky-to=page]>[data-part=scroll]{overflow:visible}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=head],[data-part=body],[data-part=pinned-rows],[data-part=summary],[data-part=loader])>[role=row]{box-sizing:border-box;display:grid;grid-template-columns:var(--slotted-data-grid-template, none) auto;inline-size:fit-content;min-inline-size:100%}[data-ui=data-grid] [data-part=header-row]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong)}[data-ui=data-grid] [data-part=header-row]:not(:last-of-type){border-block-end-color:var(--_rule)}[data-ui=data-grid][data-variant=plain] [data-part=header-row]{background-color:transparent}[data-ui=data-grid] [data-part=filter-row]{background-color:var(--_band-surface);border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=head],[data-part=body],[data-part=pinned-rows],[data-part=summary],[data-part=loader])>[role=row]>*{grid-column:var(--slotted-data-grid-column, auto)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=head],[data-part=body],[data-part=pinned-rows],[data-part=summary],[data-part=loader]){inline-size:fit-content;min-inline-size:100%}[data-ui=data-grid]>[data-part=scroll]>[data-part=head]{inset-block-start:var(--slotted-data-grid-sticky-offset, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=data-grid]:not([data-sticky-header])>[data-part=scroll]>[data-part=head]{position:static}[data-ui=data-grid] [data-part=column-header],[data-ui=data-grid] [data-part=column-group],[data-ui=data-grid]>[data-part=scroll]>[data-part=head]>[role=row]>[data-part=selection]{align-items:center;background-color:var(--_head-surface);box-sizing:border-box;color:var(--_text);display:flex;font-weight:var(--slotted-font-weight-semibold, 600);gap:var(--slotted-space-2, .25rem);min-block-size:var(--_head-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;transition:background-color var(--_transition)}[data-ui=data-grid][data-variant=plain] :is([data-part=column-header],[data-part=column-group]){background-color:transparent}[data-ui=data-grid] [data-part=column-group]{justify-content:center}[data-ui=data-grid] [data-part=column-header]>span:first-child{flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=data-grid] [data-part=column-header][data-align=center]{justify-content:center}[data-ui=data-grid] [data-part=column-header][data-align=center]>span:first-child{flex:0 1 auto;margin-inline-start:auto}[data-ui=data-grid] [data-part=column-header]:is([data-align=end],[data-numeric]:not([data-align]))>span:first-child{text-align:end}[data-ui=data-grid] [data-part=column-header][data-sortable]{cursor:pointer}[data-ui=data-grid]>[data-part=scroll]>[data-part=head]>[role=row]>*,[data-ui=data-grid]>[data-part=scroll]>[data-part=summary]>[role=row]>*{-webkit-user-select:none;user-select:none}[data-ui=data-grid]:is([data-selection=multiple],[data-selection=range]) :is([data-part=body],[data-part=pinned-rows]){-webkit-user-select:none;user-select:none}[data-ui=data-grid] [data-part=column-header][data-sortable]:not([data-disabled]):hover{background-color:var(--_head-surface-hover)}[data-ui=data-grid] [data-part=column-header]>[data-part=sort]{--slotted-icon-size: var(--_icon-size);align-items:center;color:var(--_text);display:none;flex:none;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;gap:var(--slotted-space-1, .125rem);line-height:1}[data-ui=data-grid] [data-part=column-header]>[data-part=sort]>[data-ui=icon]{transition:rotate var(--_transition)}[data-ui=data-grid] [data-part=column-header][data-sorted]>[data-part=sort]{display:inline-flex}[data-ui=data-grid] [data-part=column-header][data-sorted=ascending]>[data-part=sort]>[data-ui=icon]{rotate:180deg}[data-ui=data-grid] [data-part=column-header]>[data-part=sort]:before{content:attr(data-index);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=data-grid] [data-part=column-header]>[data-part=sort]:not([data-index]):before{content:none}[data-ui=data-grid] [data-part=column-actions]{align-items:center;display:inline-flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--_line) - var(--_control)) / 2);margin-inline-start:auto}[data-ui=data-grid] [data-part=column-actions] *:has([data-part=filter]){display:contents}[data-ui=data-grid] [data-part=column-help],[data-ui=data-grid] [data-part=column-menu],[data-ui=data-grid] [data-part=column-header] [data-part=filter],[data-ui=data-grid] [data-part=expander],[data-ui=data-grid] [data-part=group-toggle],[data-ui=data-grid] [data-part=tree-toggle]{--slotted-icon-size: var(--_control-icon);align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;transition:background-color var(--_transition),color var(--_transition),opacity var(--_transition)}[data-ui=data-grid] [data-part=column-menu]{opacity:0}[data-ui=data-grid] [data-part=column-header] [data-part=filter]:not([data-filtered],[data-open]){display:none}[data-ui=data-grid] [data-part=column-header]:not([data-disabled]):hover [data-part=column-menu],[data-ui=data-grid] [data-part=column-header]:focus-within [data-part=column-menu],[data-ui=data-grid] [data-part=column-header][data-current] [data-part=column-menu],[data-ui=data-grid] [data-part=column-menu][data-open]{opacity:1}[data-ui=data-grid] [data-part=column-help]:not(:disabled):hover,[data-ui=data-grid] [data-part=column-help][data-open],[data-ui=data-grid] [data-part=column-menu]:not(:disabled):hover,[data-ui=data-grid] [data-part=column-header] [data-part=filter]:not(:disabled):hover,[data-ui=data-grid] [data-part=group-toggle]:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui=data-grid] [data-part=expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=data-grid] [data-part=column-help]:focus-visible,[data-ui=data-grid] [data-part=column-menu]:focus-visible,[data-ui=data-grid] [data-part=column-header] [data-part=filter]:focus-visible,[data-ui=data-grid] [data-part=expander]:focus-visible,[data-ui=data-grid] [data-part=group-toggle]:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-grid] [data-part=column-description],[data-ui=data-grid] [data-part=popin-header]{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui=menu] [data-part=column-menu-description]{grid-column:1 / -1;border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-md, 1.5);margin-block-end:var(--slotted-space-2, .25rem);max-inline-size:18rem;padding-block:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);padding-inline:var(--slotted-control-padding-inline-sm, .625rem)}[data-ui=data-grid] [data-part=column-header] [data-part=filter][data-filtered],[data-ui=data-grid] [data-part=column-header] [data-part=filter][data-open]{color:var(--slotted-tone-accent-text, CanvasText)}[data-ui=data-grid] [data-part=column-header] [data-part=filter][data-filtered]:not(:disabled):hover{background-color:var(--slotted-tone-accent-surface, Canvas)}[data-ui=data-grid] [data-part=expander]>[data-ui=icon],[data-ui=data-grid] [data-part=group-toggle]>[data-ui=icon],[data-ui=data-grid] button[data-part=tree-toggle]>[data-ui=icon]{transition:rotate var(--_transition)}[data-ui=data-grid] [data-part=expander][aria-expanded=true]>[data-ui=icon],[data-ui=data-grid] button[data-part=tree-toggle][aria-expanded=true]>[data-ui=icon],[data-ui=data-grid] [data-part=group-row][aria-expanded=true] [data-part=group-toggle]>[data-ui=icon]{rotate:90deg}[data-ui=data-grid]:dir(rtl) [data-part=expander]>[data-ui=icon],[data-ui=data-grid]:dir(rtl) [data-part=group-toggle]>[data-ui=icon],[data-ui=data-grid]:dir(rtl) button[data-part=tree-toggle]>[data-ui=icon]{rotate:180deg}[data-ui=data-grid]:dir(rtl) [data-part=expander][aria-expanded=true]>[data-ui=icon],[data-ui=data-grid]:dir(rtl) button[data-part=tree-toggle][aria-expanded=true]>[data-ui=icon],[data-ui=data-grid]:dir(rtl) [data-part=group-row][aria-expanded=true] [data-part=group-toggle]>[data-ui=icon]{rotate:90deg}[data-ui=data-grid] [data-part=cell][data-tree],[data-ui=data-grid] [data-part=row-header][data-tree]{gap:var(--slotted-space-1, .125rem);padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level, 1) - 1))}[data-ui=data-grid] [data-part=tree-toggle][data-empty]{cursor:default}[data-ui=data-grid] button[data-part=tree-toggle]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=data-grid] button[data-part=tree-toggle][data-loading]>[data-ui=icon]{animation:slotted-data-grid-turn var(--slotted-duration-loop) linear infinite;rotate:0deg}@keyframes slotted-data-grid-turn{to{rotate:1turn}}[data-ui=data-grid] [data-part=cell][data-kind=drag]{justify-content:center;padding-inline:0}[data-ui=data-grid] [data-part=row-handle]{--slotted-icon-size: var(--_control-icon);align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:grab;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;touch-action:none;transition:background-color var(--_transition),color var(--_transition),opacity var(--_transition)}[data-ui=data-grid] [data-part=row-handle]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=data-grid] [data-part=row-handle][data-disabled]{cursor:default;opacity:.5}[data-ui=data-grid] [data-part=row][data-dragging]{opacity:.5}[data-ui=data-grid] [data-part=row][data-dragging] [data-part=row-handle]{cursor:grabbing}[data-ui=data-grid] [data-part=resizer]{cursor:col-resize;inline-size:var(--slotted-target-min, 24px);inset-block:0;inset-inline-end:calc(var(--slotted-target-min, 24px) / -2);position:absolute;touch-action:none;z-index:1}[data-ui=data-grid] [data-part=header-row]>[data-part=column-header]:last-child>[data-part=resizer]{inline-size:calc(var(--slotted-target-min, 24px) / 2);inset-inline-end:0}[data-ui=data-grid] [data-part=resizer]:after{background-color:transparent;block-size:100%;content:\"\";inline-size:var(--slotted-border-width-thick, 2px);inset-inline-start:calc(50% - var(--slotted-border-width-thick, 2px) / 2);position:absolute;transition:background-color var(--_transition)}[data-ui=data-grid] [data-part=resizer]:not([data-disabled]):hover:after{background-color:var(--_rule-strong)}[data-ui=data-grid] [data-part=resizer][data-resizing]:after,[data-ui=data-grid] [data-part=column-header][data-resizing]>[data-part=resizer]:after{background-color:var(--_cursor)}[data-ui=data-grid] [data-part=column-header][data-dragging]{opacity:.5}[data-ui=data-grid] [data-part=column-header][data-drop-target]{background-color:var(--_head-surface-hover)}[data-ui=data-grid] [data-part=drop-indicator]{background-color:var(--_cursor);block-size:100%;inline-size:var(--slotted-border-width-thick, 2px);inset-block-start:var(--slotted-data-grid-drop-scroll, 0px);inset-inline-start:calc(var(--slotted-data-grid-drop-offset, 0px) - var(--slotted-border-width-thick, 2px) / 2);pointer-events:none;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 3)}[data-ui=data-grid] [data-part=drop-indicator][data-axis=row]{block-size:var(--slotted-border-width-thick, 2px);inline-size:100cqi;inset-block-start:calc(var(--slotted-data-grid-drop-offset, 0px) - var(--slotted-border-width-thick, 2px) / 2);inset-inline-start:var(--slotted-data-grid-drop-scroll, 0px)}[data-ui=data-grid] [data-part=filter-row]>[data-part=filter-cell]{--slotted-focus-ring-width: 0px;--slotted-select-open-border-color: transparent;--slotted-multi-select-open-border-color: transparent;align-items:center;background-color:var(--_band-surface);box-sizing:border-box;display:flex;min-block-size:var(--_head-block);min-inline-size:0;padding:0;position:relative}[data-ui=data-grid] [data-part=filter-row]>[data-part=filter-cell]:focus-within{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui=data-grid] [data-part=filter-cell]>[data-part=filter-operand],[data-ui=data-grid] [data-part=filter-cell]>:not([data-part])>[data-part=filter-operand]{align-items:center;display:flex;flex:1 1 auto;margin:var(--_ring-width);min-inline-size:0;overflow:clip;white-space:nowrap}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand]>[data-part=root][data-variant=plain],[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand]>:not([data-part])>[data-part=root][data-variant=plain]{--slotted-control-padding-inline-sm: var(--slotted-space-3, .375rem);--slotted-control-height-sm: calc(var(--_head-block) - var(--_ring-width) * 2);flex:1 1 auto;min-inline-size:0}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]>[data-part=root],[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]>:not([data-part])>[data-part=root]{flex:1 1 0;inline-size:0}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]:before{color:var(--_muted);content:\"\\2013\";order:2}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]>[data-part=root]:last-child,[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]>:not([data-part]):last-child>[data-part=root]{order:3}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operator]{display:inline-flex;flex:none;padding-inline-start:var(--slotted-space-3, .375rem)}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operator]>button{align-items:center;background-color:transparent;block-size:var(--slotted-control-inner-size-sm, 22px);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-semibold, 600);inline-size:var(--slotted-control-inner-size-sm, 22px);justify-content:center;line-height:1;padding:0;transition:background-color var(--_transition),color var(--_transition)}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operator]>button:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operator]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-grid] [data-part=filter-cell][data-filtered] [data-part=filter-operator]>button{color:var(--slotted-tone-accent-text, CanvasText)}[data-ui=popover]:has(>[data-part=content] [data-ui=data-grid][data-part=filter-panel]){--slotted-popover-measure-sm: calc( var(--slotted-data-grid-filter-panel-size, 24rem) + 2 * (var(--slotted-popover-gap, .5rem) + var(--slotted-border-width-thin, 1px)) )}[data-ui=popover]:has(>[data-part=content] [data-ui=data-grid][data-part=filter-panel][data-kind=date]){--slotted-data-grid-filter-panel-size: var(--slotted-data-grid-filter-panel-size-date, 28rem)}[data-ui=popover]:has(>[data-part=content] [data-ui=data-grid][data-part=filter-panel][data-kind=datetime]){--slotted-data-grid-filter-panel-size: var( --slotted-data-grid-filter-panel-size-datetime, 34rem )}[data-ui=data-grid][data-part=filter-panel]{--_operator-size: var(--slotted-data-grid-filter-operator-size, 7rem);--_panel-gap: var(--slotted-space-3, .375rem);box-sizing:border-box;color:var(--slotted-text, CanvasText);display:grid;font-family:var(--slotted-control-font-family);font-size:var(--slotted-control-font-size-sm, 12px);gap:var(--_panel-gap);grid-template-columns:max-content var(--_operator-size) minmax(0,1fr);inline-size:var(--slotted-data-grid-filter-panel-size, 24rem);max-inline-size:100%;padding:var(--slotted-popover-padding-block-sm, var(--slotted-space-4, .5rem)) var(--slotted-popover-padding-inline-sm, var(--slotted-space-5, .75rem))}[data-ui=data-grid][data-part=filter-panel]>[data-part=filter-condition]{align-items:center;display:grid;gap:var(--_panel-gap);grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=data-grid][data-part=filter-panel]>[data-part=filter-condition]:first-child>[data-part=filter-operator]{grid-column:2}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-join]{grid-column:1}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operator]{grid-column:2;min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand]{align-items:center;display:flex;gap:var(--_panel-gap);grid-column:3;min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-condition][data-operands=\"0\"]>[data-part=filter-operand]{display:none}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand][data-range]>*{flex:1 1 0;inline-size:0;min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand][data-range]:before{color:var(--slotted-text-muted);content:\"\\2013\";order:1}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand][data-range]>:last-child{order:2}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand]>[data-part=root],[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand]>:not([data-part])>[data-part=root]{flex:1 1 auto;min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand] [data-part=input]{min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-actions]{display:flex;gap:var(--_panel-gap);grid-column:1 / -1;justify-content:end;margin-block-start:var(--slotted-space-2, .25rem)}[data-ui=data-grid]>[data-part=scroll]>[data-part=body]{box-sizing:border-box;block-size:var(--slotted-data-grid-window-total, auto);padding-block-start:var(--slotted-data-grid-window-start, 0)}[data-ui=data-grid] [data-part=row]{background-color:var(--_surface);transition:background-color var(--_transition)}[data-ui=data-grid][data-rows=fixed]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]{block-size:var(--_row-block);grid-auto-rows:var(--_track)}[data-ui=data-grid][data-rows=auto]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]{grid-auto-rows:minmax(var(--_track),auto)}[data-ui=data-grid][data-rows=auto] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]>:is([role=gridcell],[role=rowheader]):not([data-part=popin]){max-block-size:var(--_row-max-block);overflow-y:clip}[data-ui=data-grid][data-rows=auto] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]>[role=gridcell],[data-ui=data-grid][data-rows=auto] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]>[role=rowheader]{align-items:start}[data-ui=data-grid]:is([data-variant=ruled],[data-variant=framed])>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows]){--_track: calc(var(--_row-block) - var(--_rule-width))}[data-ui=data-grid]>[data-part=scroll]>[data-part=head]>[role=row],[data-ui=data-grid]>[data-part=scroll]>[data-part=summary]>[role=row],[data-ui=data-grid]>[data-part=scroll]>[data-part=loader]>[role=row]{grid-auto-rows:minmax(var(--_head-block),auto)}[data-ui=data-grid] [data-part=cell],[data-ui=data-grid] [data-part=row-header],[data-ui=data-grid] [data-part=summary-cell],[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[role=row]>[data-part=selection]{align-items:center;box-sizing:border-box;display:flex;min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui=data-grid] [data-part=cell]:not([data-pinned]){position:relative}[data-ui=data-grid] [data-part=cell]>span:not([data-ui],[data-part]),[data-ui=data-grid] [data-part=row-header]>span:not([data-ui],[data-part]),[data-ui=data-grid] [data-part=summary-cell]>span:not([data-ui],[data-part]){flex:1 1 auto;min-inline-size:0;unicode-bidi:plaintext}[data-ui=data-grid] [data-part=cell]>[data-ui]:not([data-part]){flex:0 0 auto;max-inline-size:100%}[data-ui=data-grid] [data-part=row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part=body],[data-part=pinned-rows])>[role=row]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part=body],[data-part=pinned-rows])>[role=row]:last-child{border-block-end-color:transparent}[data-ui=data-grid][data-striped]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]:nth-child(2n){background-color:var(--_stripe)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui=data-grid] :is([data-part=body],[data-part=pinned-rows])>[data-part=row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui=data-grid] [data-part=row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=data-grid] [role=gridcell][data-current]:not([data-editing]),[data-ui=data-grid] [role=rowheader][data-current]:not([data-editing]),[data-ui=data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest)}[data-ui=data-grid] [role=row]>[role=gridcell]:focus-visible:not([data-editing]),[data-ui=data-grid] [role=row]>[role=rowheader]:focus-visible:not([data-editing]),[data-ui=data-grid] [role=row]>[role=columnheader]:focus-visible{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui=data-grid] [role=gridcell][data-current]:not([data-editing],[data-part=filter-cell]):focus-within:not(:focus){outline:none}[data-ui=data-grid] [data-part=cell][data-in-range]{background-color:var(--_range)}[data-ui=data-grid] [data-part=cell][data-range-edge]:before{border:0 solid var(--_cursor);content:\"\";inset:0 0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute}[data-ui=data-grid] [data-part=cell][data-range-edge~=top]:before{border-block-start-width:var(--_ring-width)}[data-ui=data-grid] [data-part=cell][data-range-edge~=bottom]:before{border-block-end-width:var(--_ring-width);inset-block-end:0}[data-ui=data-grid] [data-part=cell][data-range-edge~=start]:before{border-inline-start-width:var(--_ring-width)}[data-ui=data-grid] [data-part=cell][data-range-edge~=end]:before{border-inline-end-width:var(--_ring-width)}[data-ui=data-grid] [data-part=cell][data-editing]{--slotted-control-padding-inline-sm: var(--_pad-inline);--slotted-control-padding-inline-md: var(--_pad-inline);--slotted-control-padding-inline-lg: var(--_pad-inline);--slotted-control-height-sm: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-md: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-lg: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-font-size-sm: var(--_font-size);--slotted-focus-ring-width: 0px;--slotted-select-open-border-color: transparent;--slotted-multi-select-open-border-color: transparent;box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest);padding:0}[data-ui=data-grid] [data-part=cell][data-editing][data-current]{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui=data-grid] [data-part=cell][data-editing][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);--_invalid-ring: calc(var(--_ring-width) + var(--slotted-control-invalid-edge-width, 1px));box-shadow:none;outline:var(--_invalid-ring) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_invalid-ring) * -1)}[data-ui=data-grid] [data-numeric][data-editing] [data-part=input]{text-align:end}[data-ui=data-grid] [data-part=cell]>[data-part=editor]{display:flex;flex:1 1 auto;margin:var(--_ring-width);min-inline-size:0}[data-ui=data-grid] [data-part=cell]>[data-part=editor]>[data-part=root],[data-ui=data-grid] [data-part=cell]>[data-part=editor]>:not([data-part])>[data-part=root]{flex:1 1 auto;min-inline-size:0}[data-ui=data-grid] [data-part=cell][data-changed=a]{animation:slotted-data-grid-changed-a var(--slotted-data-grid-changed-duration, var(--slotted-duration-long)) var(--slotted-easing-standard, ease-out) forwards}[data-ui=data-grid] [data-part=cell][data-changed=b]{animation:slotted-data-grid-changed-b var(--slotted-data-grid-changed-duration, var(--slotted-duration-long)) var(--slotted-easing-standard, ease-out) forwards}@keyframes slotted-data-grid-changed-a{0%,35%{background-color:var(--_changed)}to{background-color:transparent}}@keyframes slotted-data-grid-changed-b{0%,35%{background-color:var(--_changed)}to{background-color:transparent}}@media(prefers-reduced-motion:reduce){[data-ui=data-grid] [data-part=cell][data-changed]{animation:none;background-color:var(--_changed)}[data-ui=data-grid] button[data-part=tree-toggle][data-loading]>[data-ui=icon]{animation:none}}[data-ui=data-grid] [data-part=cell][data-invalid]:not([data-editing]):after{border-block-start:var(--slotted-space-3, .375rem) solid var(--slotted-tone-danger-border);border-inline-start:var(--slotted-space-3, .375rem) solid transparent;content:\"\";inset-block-start:0;inset-inline-end:0;pointer-events:none;position:absolute;z-index:1}[data-ui=data-grid] [data-part=cell][data-loading]{color:var(--_muted)}[data-ui=data-grid] [data-part=cell][data-readonly]{cursor:default}[data-ui=data-grid] [data-align=start]{justify-content:start;text-align:start}[data-ui=data-grid] [data-align=center]{justify-content:center;text-align:center}[data-ui=data-grid] [data-align=end]{justify-content:end;text-align:end}[data-ui=data-grid] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui=data-grid] [data-numeric]:not([data-align]){justify-content:end;text-align:end}[data-ui=data-grid] [data-text=truncate]>span:not([data-ui],[data-part]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=data-grid] [data-text=nowrap]>span:not([data-ui],[data-part]){overflow:hidden;white-space:nowrap}[data-ui=data-grid] [data-text=wrap]>span:not([data-ui],[data-part]){overflow-wrap:anywhere}[data-ui=data-grid] [data-pinned=start]{background-color:inherit;inset-inline-start:var(--slotted-data-grid-pin-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=data-grid] [data-pinned=end]{background-color:inherit;inset-inline-end:var(--slotted-data-grid-pin-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=data-grid]>[data-part=scroll]>[data-part=head] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=data-grid][data-variant=plain]>[data-part=scroll]>[data-part=head] [data-pinned],[data-ui=data-grid][data-variant=plain]>[data-part=scroll]>[data-part=head]>[role=row]>[data-part=selection]{background-color:var(--_surface)}[data-ui=data-grid] [data-part=filter-row]>[data-pinned]{background-color:var(--_band-surface)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row][data-selected]>[data-pinned]{background-color:var(--_selected)}[data-ui=data-grid] [data-pinned][data-pin-edge]:after{background-color:var(--_rule);content:\"\";inline-size:var(--_rule-width);inset-block:0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute;z-index:1}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[role=row]:last-child>[data-pin-edge]:after{inset-block-end:0}[data-ui=data-grid] [data-pinned=start][data-pin-edge]:after{inset-inline-end:0}[data-ui=data-grid] [data-pinned=end][data-pin-edge]:after{inset-inline-start:0}[data-ui=data-grid][data-popin] [data-pinned][data-pin-edge]:after{background-color:transparent}[data-ui=data-grid] [data-part=scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after,[data-ui=data-grid] [data-part=scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-color:transparent;inline-size:calc(var(--_rule-width) + var(--_edge-shadow-size))}[data-ui=data-grid] [data-part=scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to right,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent);inset-inline-end:calc(var(--_edge-shadow-size) * -1)}[data-ui=data-grid] [data-part=scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to left,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent);inset-inline-start:calc(var(--_edge-shadow-size) * -1)}[data-ui=data-grid]:dir(rtl) [data-part=scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to left,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent)}[data-ui=data-grid]:dir(rtl) [data-part=scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to right,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent)}[data-ui=data-grid] [role=row]>[data-part=selection]{--slotted-selection-halo-opacity: 0;justify-content:center;padding-inline:0}[data-ui=data-grid] [role=row]>[data-part=selection]{background-color:inherit;inset-inline-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=data-grid]>[data-part=scroll]>[data-part=head]>[role=row]>[data-part=selection]{background-color:var(--_head-surface);inset-inline-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=data-grid] :is([data-part=body],[data-part=pinned-rows])>[data-part=row][data-selected]>[data-part=selection]{background-color:var(--_selected)}[data-ui=data-grid] [role=row]>[data-part=selection]>[data-ui=checkbox]{block-size:var(--_line)}[data-ui=data-grid] [data-part=cell][data-kind=expander]{justify-content:center;padding-inline:0}[data-ui=data-grid] [data-part=detail]{background-color:var(--slotted-surface-sunken, Canvas)}[data-ui=data-grid] [data-part=detail]>*{background-color:var(--slotted-surface-sunken, Canvas);box-sizing:border-box;grid-column:1 / -1;padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_pad-inline);position:sticky;inset-inline-start:0;max-inline-size:100cqi}[data-ui=data-grid][data-popin]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]{grid-template-rows:minmax(var(--_track),auto) auto}[data-ui=data-grid][data-popin]>[data-part=scroll]>[data-part=summary]>[role=row]{grid-template-rows:minmax(var(--_head-block),auto) auto}[data-ui=data-grid][data-popin] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]>:is([role=gridcell],[role=rowheader]):not([data-part=popin]){align-items:center}[data-ui=data-grid] [data-part=popin]{align-content:start;box-sizing:border-box;column-gap:var(--slotted-space-4, .5rem);display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));inset-inline-start:0;max-inline-size:100cqi;min-inline-size:0;padding-block:0 var(--_pad-block);padding-inline:calc(var(--slotted-data-grid-leading, 0px) + var(--_pad-inline)) var(--_pad-inline);position:sticky;row-gap:var(--slotted-space-2, .25rem);container:slotted-data-grid-popin / inline-size}@container slotted-data-grid (width < 600px){[data-ui=data-grid] [data-part=popin]{padding-inline-start:var(--_pad-inline)}}[data-ui=data-grid] [data-part=popin-field]{display:flex;flex-direction:column;min-inline-size:0}@container slotted-data-grid-popin (width < 19rem){[data-ui=data-grid] [data-part=popin-field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr)}}[data-ui=data-grid] [data-part=popin-label]{color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);overflow-wrap:anywhere}[data-ui=data-grid] [data-part=popin-value]{align-items:center;display:flex;gap:var(--_gap);justify-content:start;min-block-size:var(--_line);min-inline-size:0;text-align:start}[data-ui=data-grid] [data-part=popin-value][data-text]>span:not([data-ui],[data-part]),[data-ui=data-grid] [data-part=popin-value]>span:not([data-ui],[data-part]){flex:0 1 auto;min-inline-size:0;overflow:visible;overflow-wrap:anywhere;text-align:left;text-overflow:clip;unicode-bidi:plaintext;white-space:normal}[data-ui=data-grid]:dir(rtl) [data-part=popin-value]>span:not([data-ui],[data-part]){text-align:right}[data-ui=data-grid] [data-part=popin-value]>[data-ui]:not([data-part]){flex:0 0 auto;max-inline-size:100%}[data-ui=data-grid] [data-part=group-row]{background-color:var(--_band-surface);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=data-grid] [data-part=group-row]>[role=gridcell]{align-items:center;box-sizing:border-box;display:flex;gap:var(--_gap);min-block-size:var(--_row-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=data-grid] [data-part=group-row]>[role=gridcell]:first-child{padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level, 1) - 1));position:sticky;inset-inline-start:0}[data-ui=data-grid] [data-part=group-row]>[role=gridcell]:first-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=data-grid] [data-part=group-row] [data-count]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=data-grid] [data-part=group-row] [data-aggregate]{color:var(--_muted);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=data-grid] [data-part=group-toggle]{margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);margin-inline-start:calc(var(--slotted-space-2, .25rem) * -1)}[data-ui=data-grid]>[data-part=scroll]>[data-part=summary]{inset-block-end:var(--slotted-data-grid-sticky-offset-end, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=data-grid]:not([data-sticky-header])>[data-part=scroll]>[data-part=summary]{position:static}[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows]{background-color:var(--_surface);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows][data-edge=top]{border-block-end:var(--_rule-width) solid var(--_rule-strong);inset-block-start:calc(var(--slotted-data-grid-sticky-offset, 0px) + var(--slotted-data-grid-pinned-top-offset, 0px))}[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows][data-edge=bottom]{border-block-start:var(--_rule-width) solid var(--_rule-strong);inset-block-end:calc(var(--slotted-data-grid-sticky-offset-end, 0px) + var(--slotted-data-grid-pinned-bottom-offset, 0px))}[data-ui=data-grid]:not([data-sticky-header])>[data-part=scroll]>[data-part=pinned-rows]{position:static}[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows] [data-pinned]{background-color:var(--_surface)}[data-ui=data-grid]>[data-part=scroll]>[data-part=summary]>[role=row]{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong)}[data-ui=data-grid] [data-part=summary-cell]{background-color:var(--_head-surface);font-weight:var(--slotted-font-weight-semibold, 600);min-block-size:var(--_head-block)}[data-ui=data-grid]>[data-part=scroll]>[data-part=summary] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=data-grid] [data-part=summary-cell] [data-label]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400);margin-inline-end:var(--slotted-space-2, .25rem)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]{align-items:center;block-size:var(--_line);display:inline-flex;gap:var(--slotted-space-1, .125rem);opacity:0;transition:opacity var(--_transition)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]>button{align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;transition:background-color var(--_transition),color var(--_transition)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]>button :is(svg,img){block-size:var(--_control-icon);inline-size:var(--_control-icon)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]>button:not(:disabled):hover{background-color:color-mix(in oklab,var(--slotted-text, CanvasText) 7%,transparent);color:var(--_text)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-grid] [data-part=row]:not([data-disabled]):hover [data-part=cell]>[data-part=actions],[data-ui=data-grid] [data-part=row]:focus-within [data-part=cell]>[data-part=actions],[data-ui=data-grid] [data-part=row][data-current] [data-part=cell]>[data-part=actions],[data-ui=data-grid] [data-part=row][data-editing] [data-part=cell]>[data-part=actions]{opacity:1}@media(pointer:coarse){[data-ui=data-grid] [data-part=cell]>[data-part=actions],[data-ui=data-grid] [data-part=column-menu],[data-ui=data-grid] [data-part=column-header] [data-part=filter]{opacity:1}[data-ui=data-grid][data-part=root]{--_control: min( var(--slotted-target-comfortable, 44px), calc(min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2) );--_target: var(--slotted-target-comfortable, 44px);--_reach: max(0px, calc((var(--_target) - var(--_control)) / 2))}[data-ui=data-grid] [data-part=column-help],[data-ui=data-grid] [data-part=column-menu],[data-ui=data-grid] [data-part=column-header] [data-part=filter],[data-ui=data-grid] [data-part=expander],[data-ui=data-grid] [data-part=group-toggle],[data-ui=data-grid] [data-part=tree-toggle],[data-ui=data-grid] [data-part=row-handle]{background-clip:content-box;box-sizing:content-box;margin:calc(var(--_reach) * -1);padding:var(--_reach)}}[data-ui=data-grid]>[data-part=scroll]>[data-part=empty]{align-items:center;box-sizing:border-box;display:flex;inline-size:100cqi;inset-inline-start:0;justify-content:center;min-block-size:calc(var(--_row-block) * 6);padding:var(--slotted-space-8, 1.5rem);position:sticky}[data-ui=data-grid]>[data-part=scroll]>[data-part=loader]>[data-part=row]>*{align-items:center;box-sizing:border-box;display:flex;min-block-size:max(var(--_row-block),var(--slotted-data-grid-loader-row-size, 0px));min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=data-grid][aria-busy=true]>[data-part=scroll]>[data-part=body]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui=data-grid]>[data-part=footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);box-sizing:border-box;display:flex;flex:none;flex-wrap:wrap;gap:var(--_gap);min-block-size:calc(var(--_head-block) + var(--_pad-block) * 2);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=data-grid]>[data-part=footer]>:last-child{display:flex;flex:1 1 auto;justify-content:flex-end;min-inline-size:0}[data-ui=data-grid]>[data-part=footer] [data-range]{color:var(--_muted);flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}@media(forced-colors:active){[data-ui=data-grid] [role=gridcell][data-current],[data-ui=data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) Highlight}[data-ui=data-grid] [data-part=cell][data-in-range]{background-color:Highlight;color:HighlightText}[data-ui=data-grid] [data-part=drop-indicator]{background-color:Highlight}[data-ui=data-grid] [data-part=cell][data-changed]{animation:none;background-color:Highlight;color:HighlightText}[data-ui=data-grid] [data-part=resizer]:after{forced-color-adjust:none}}@media print{[data-ui=data-grid][data-part=root]{block-size:auto;break-inside:auto}[data-ui=data-grid]>[data-part=scroll]{overflow:visible}[data-ui=data-grid]>[data-part=scroll]>[data-part=head],[data-ui=data-grid]>[data-part=scroll]>[data-part=summary],[data-ui=data-grid]>[data-part=scroll]>[data-part=empty],[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows],[data-ui=data-grid] [data-pinned]{position:static}[data-ui=data-grid] [data-pinned]{box-shadow:none}[data-ui=data-grid] [data-part=column-actions],[data-ui=data-grid] [data-part=row-handle],[data-ui=data-grid] [data-part=resizer],[data-ui=data-grid] [data-part=drop-indicator],[data-ui=data-grid] [data-part=loader]{display:none}[data-ui=data-grid] [role=gridcell][data-current],[data-ui=data-grid] [role=rowheader][data-current],[data-ui=data-grid] [role=columnheader][data-current]{box-shadow:none}[data-ui=data-grid] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]{break-inside:avoid}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]{--_hover: transparent}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]: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=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]: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=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\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: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "component", type: SlDataGridEditor, selector: "sl-data-grid-editor", inputs: ["column", "draft", "value", "invalid", "message", "t", "locale"], outputs: ["draftChange"] }, { kind: "component", type: SlDataGridFilterPanel, selector: "sl-data-grid-filter-panel", inputs: ["column", "kind", "committed", "t", "locale", "counts", "customTemplate"], outputs: ["applyRequest"] }, { kind: "component", type: SlDataGridFilterRowOperand, selector: "sl-data-grid-filter-row-operand", inputs: ["column", "kind", "committed", "t", "locale", "counts", "debounce", "customTemplate"], outputs: ["filterChange"] }, { 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: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "directive", type: SlPopover, selector: "[slPopover]", inputs: ["open", "defaultOpen", "disabled", "size", "width", "side", "align", "mount", "strategy", "messages", "initialFocus", "finalFocus", "arrow", "autoFocus", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slPopover"] }, { kind: "directive", type: SlPopoverAnchor, selector: "[slPopoverAnchor]", exportAs: ["slPopoverAnchor"] }, { kind: "directive", type: SlPopoverBody, selector: "[slPopoverBody]", exportAs: ["slPopoverBody"] }, { kind: "component", type: SlPopoverContent, selector: "[slPopoverContent]", exportAs: ["slPopoverContent"] }, { kind: "directive", type: SlPopoverLayer, selector: "ng-template[slPopoverLayer]", exportAs: ["slPopoverLayer"] }, { kind: "directive", type: SlPopoverTrigger, selector: "[slPopoverTrigger]", exportAs: ["slPopoverTrigger"] }, { 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"] }, { kind: "directive", type: SlTooltip, selector: "[slTooltip]", inputs: ["open", "defaultOpen", "disabled", "whenClipped", "variant", "size", "describes", "openOn", "side", "align", "mount", "strategy", "arrow", "hoverable", "closeOnPress", "flip", "shift", "hideWhenDetached", "portal", "openDelay", "closeDelay", "touchDelay", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slTooltip"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "directive", type: SlTooltipTrigger, selector: "[slTooltipTrigger]", exportAs: ["slTooltipTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui-data-grid][data-part-root]{--_head-block: var(--slotted-data-grid-head-block-size, var(--slotted-control-height-md, 34px));--_row-block: var(--slotted-data-grid-row-block-size, var(--_head-block));--_row-max-block: var(--slotted-data-grid-row-max-block-size, calc(var(--_row-block) * 4));--_font-size: var(--slotted-data-grid-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-data-grid-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-data-grid-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-data-grid-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-data-grid-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_head-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_radius: var(--slotted-data-grid-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-data-grid-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-data-grid-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-data-grid-border-width, var(--slotted-border-width-thin, 1px));--_edge-shadow: var( --slotted-data-grid-pin-shadow-color, color-mix(in oklab, var(--slotted-scrim, rgb(0 0 0 / .5)) 22%, transparent) );--_edge-shadow-size: var(--slotted-data-grid-pin-shadow-size, var(--slotted-space-5, .75rem));--_indent: var(--slotted-data-grid-indent, var(--slotted-space-6, 1rem));--_text: var(--slotted-data-grid-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-data-grid-color-muted, var(--slotted-text-muted, GrayText));--_surface: var( --slotted-data-grid-surface, var(--slotted-ground, var(--slotted-surface, Canvas)) );--_head-surface: var( --slotted-data-grid-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_head-surface-hover: var( --slotted-data-grid-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );--_band-surface: var( --slotted-data-grid-band-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 4%, var(--_surface)) );--_stripe: var( --slotted-data-grid-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-data-grid-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-data-grid-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-data-grid-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-data-grid-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );--_cursor: var(--slotted-data-grid-cursor-color, var(--slotted-tone-accent-border, Highlight));--_cursor-rest: color-mix( in oklab, var(--slotted-focus-ring-color, Highlight) 60%, transparent );--_range: var(--slotted-data-grid-range-surface, var(--slotted-tone-accent-surface, Canvas));--_changed: var( --slotted-data-grid-changed-surface, color-mix(in oklab, var(--slotted-tone-accent-solid, Highlight) 24%, transparent) );--_ring-width: var(--slotted-focus-ring-width, 2px);--_control: min( var(--slotted-target-min, 24px), calc( min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2 - var(--slotted-space-1, .125rem) * 2 ) );--_control-height-sm: var(--slotted-control-height-sm, 30px);--_control-height-md: var(--slotted-control-height-md, 34px);--_control-height-lg: var(--slotted-control-height-lg, 38px);--_target-min: var(--slotted-target-min, 24px);--_control-icon: min( var(--_icon-size), calc(var(--_control) - var(--slotted-space-2, .25rem)) );--_track: var(--_row-block);--_transition: var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_surface);block-size:var(--slotted-data-grid-block-size, auto);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-data-grid-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);isolation:isolate;line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;min-block-size:0;position:relative}[data-ui-data-grid][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-data-grid-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui-data-grid]>[data-part-scroll]{container-name:slotted-data-grid;container-type:inline-size;flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior-block:auto;overscroll-behavior-inline:contain;position:relative}[data-ui-data-grid][data-sticky-to=page]>[data-part-scroll]{overflow:visible}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader])>[role=row]{box-sizing:border-box;display:grid;grid-template-columns:var(--slotted-data-grid-template, none) auto;inline-size:fit-content;min-inline-size:100%}[data-ui-data-grid] [data-part-header-row]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong)}[data-ui-data-grid] [data-part-header-row]:not(:last-of-type){border-block-end-color:var(--_rule)}[data-ui-data-grid][data-variant=plain] [data-part-header-row]{background-color:transparent}[data-ui-data-grid] [data-part-filter-row]{background-color:var(--_band-surface);border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader])>[role=row]>*{grid-column:var(--slotted-data-grid-column, auto)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader]){inline-size:fit-content;min-inline-size:100%}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]{inset-block-start:var(--slotted-data-grid-sticky-offset, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-head]{position:static}[data-ui-data-grid] [data-part-column-header],[data-ui-data-grid] [data-part-column-group],[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{align-items:center;background-color:var(--_head-surface);box-sizing:border-box;color:var(--_text);display:flex;font-weight:var(--slotted-font-weight-semibold, 600);gap:var(--slotted-space-2, .25rem);min-block-size:var(--_head-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;transition:background-color var(--_transition)}[data-ui-data-grid][data-variant=plain] :is([data-part-column-header],[data-part-column-group]){background-color:transparent}[data-ui-data-grid] [data-part-column-group]{justify-content:center}[data-ui-data-grid] [data-part-column-header]>span:first-child{flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-data-grid] [data-part-column-header][data-align=center]{justify-content:center}[data-ui-data-grid] [data-part-column-header][data-align=center]>span:first-child{flex:0 1 auto;margin-inline-start:auto}[data-ui-data-grid] [data-part-column-header]:is([data-align=end],[data-numeric]:not([data-align]))>span:first-child{text-align:end}[data-ui-data-grid] [data-part-column-header][data-sortable]{cursor:pointer}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>*,[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row]>*{-webkit-user-select:none;user-select:none}[data-ui-data-grid]:is([data-selection=multiple],[data-selection=range]) :is([data-part-body],[data-part-pinned-rows]){-webkit-user-select:none;user-select:none}[data-ui-data-grid] [data-part-column-header][data-sortable]:not([data-disabled]):hover{background-color:var(--_head-surface-hover)}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]{--slotted-icon-size: var(--_icon-size);align-items:center;color:var(--_text);display:none;flex:none;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;gap:var(--slotted-space-1, .125rem);line-height:1}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]>[data-ui-icon]{transition:rotate var(--_transition)}[data-ui-data-grid] [data-part-column-header][data-sorted]>[data-part-sort]{display:inline-flex}[data-ui-data-grid] [data-part-column-header][data-sorted=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]:before{content:attr(data-index);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]:not([data-index]):before{content:none}[data-ui-data-grid] [data-part-column-actions]{align-items:center;display:inline-flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--_line) - var(--_control)) / 2);margin-inline-start:auto}[data-ui-data-grid] [data-part-column-actions] *:has([data-part-filter]){display:contents}[data-ui-data-grid] [data-part-column-help],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter],[data-ui-data-grid] [data-part-expander],[data-ui-data-grid] [data-part-group-toggle],[data-ui-data-grid] [data-part-tree-toggle]{--slotted-icon-size: var(--_control-icon);align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;transition:background-color var(--_transition),color var(--_transition),opacity var(--_transition)}[data-ui-data-grid] [data-part-column-menu]{opacity:0}[data-ui-data-grid] [data-part-column-header] [data-part-filter]:not([data-filtered],[data-open]){display:none}[data-ui-data-grid] [data-part-column-header]:not([data-disabled]):hover [data-part-column-menu],[data-ui-data-grid] [data-part-column-header]:focus-within [data-part-column-menu],[data-ui-data-grid] [data-part-column-header][data-current] [data-part-column-menu],[data-ui-data-grid] [data-part-column-menu][data-open]{opacity:1}[data-ui-data-grid] [data-part-column-help]:not(:disabled):hover,[data-ui-data-grid] [data-part-column-help][data-open],[data-ui-data-grid] [data-part-column-menu]:not(:disabled):hover,[data-ui-data-grid] [data-part-column-header] [data-part-filter]:not(:disabled):hover,[data-ui-data-grid] [data-part-group-toggle]:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui-data-grid] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] [data-part-column-help]:focus-visible,[data-ui-data-grid] [data-part-column-menu]:focus-visible,[data-ui-data-grid] [data-part-column-header] [data-part-filter]:focus-visible,[data-ui-data-grid] [data-part-expander]:focus-visible,[data-ui-data-grid] [data-part-group-toggle]:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-grid] [data-part-column-description],[data-ui-data-grid] [data-part-popin-header]{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui-menu] [data-part-column-menu-description]{grid-column:1 / -1;border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-md, 1.5);margin-block-end:var(--slotted-space-2, .25rem);max-inline-size:18rem;padding-block:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);padding-inline:var(--slotted-control-padding-inline-sm, .625rem)}[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-filtered],[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-open]{color:var(--slotted-tone-accent-text, CanvasText)}[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-filtered]:not(:disabled):hover{background-color:var(--slotted-tone-accent-surface, Canvas)}[data-ui-data-grid] [data-part-expander]>[data-ui-icon],[data-ui-data-grid] [data-part-group-toggle]>[data-ui-icon],[data-ui-data-grid] button[data-part-tree-toggle]>[data-ui-icon]{transition:rotate var(--_transition)}[data-ui-data-grid] [data-part-expander][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid] button[data-part-tree-toggle][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid] [data-part-group-row][aria-expanded=true] [data-part-group-toggle]>[data-ui-icon]{rotate:90deg}[data-ui-data-grid]:dir(rtl) [data-part-expander]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) [data-part-group-toggle]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) button[data-part-tree-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-data-grid]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) button[data-part-tree-toggle][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) [data-part-group-row][aria-expanded=true] [data-part-group-toggle]>[data-ui-icon]{rotate:90deg}[data-ui-data-grid] [data-part-cell][data-tree],[data-ui-data-grid] [data-part-row-header][data-tree]{gap:var(--slotted-space-1, .125rem);padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level, 1) - 1))}[data-ui-data-grid] [data-part-tree-toggle][data-empty]{cursor:default}[data-ui-data-grid] button[data-part-tree-toggle]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] button[data-part-tree-toggle][data-loading]>[data-ui-icon]{animation:slotted-data-grid-turn var(--slotted-duration-loop) linear infinite;rotate:0deg}@keyframes slotted-data-grid-turn{to{rotate:1turn}}[data-ui-data-grid] [data-part-cell][data-kind=drag]{justify-content:center;padding-inline:0}[data-ui-data-grid] [data-part-row-handle]{--slotted-icon-size: var(--_control-icon);align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:grab;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;touch-action:none;transition:background-color var(--_transition),color var(--_transition),opacity var(--_transition)}[data-ui-data-grid] [data-part-row-handle]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] [data-part-row-handle][data-disabled]{cursor:default;opacity:.5}[data-ui-data-grid] [data-part-row][data-dragging]{opacity:.5}[data-ui-data-grid] [data-part-row][data-dragging] [data-part-row-handle]{cursor:grabbing}[data-ui-data-grid] [data-part-resizer]{cursor:col-resize;inline-size:var(--slotted-target-min, 24px);inset-block:0;inset-inline-end:calc(var(--slotted-target-min, 24px) / -2);position:absolute;touch-action:none;z-index:1}[data-ui-data-grid] [data-part-header-row]>[data-part-column-header]:last-child>[data-part-resizer]{inline-size:calc(var(--slotted-target-min, 24px) / 2);inset-inline-end:0}[data-ui-data-grid] [data-part-resizer]:after{background-color:transparent;block-size:100%;content:\"\";inline-size:var(--slotted-border-width-thick, 2px);inset-inline-start:calc(50% - var(--slotted-border-width-thick, 2px) / 2);position:absolute;transition:background-color var(--_transition)}[data-ui-data-grid] [data-part-resizer]:not([data-disabled]):hover:after{background-color:var(--_rule-strong)}[data-ui-data-grid] [data-part-resizer][data-resizing]:after,[data-ui-data-grid] [data-part-column-header][data-resizing]>[data-part-resizer]:after{background-color:var(--_cursor)}[data-ui-data-grid] [data-part-column-header][data-dragging]{opacity:.5}[data-ui-data-grid] [data-part-column-header][data-drop-target]{background-color:var(--_head-surface-hover)}[data-ui-data-grid] [data-part-drop-indicator]{background-color:var(--_cursor);block-size:100%;inline-size:var(--slotted-border-width-thick, 2px);inset-block-start:var(--slotted-data-grid-drop-scroll, 0px);inset-inline-start:calc(var(--slotted-data-grid-drop-offset, 0px) - var(--slotted-border-width-thick, 2px) / 2);pointer-events:none;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 3)}[data-ui-data-grid] [data-part-drop-indicator][data-axis=row]{block-size:var(--slotted-border-width-thick, 2px);inline-size:100cqi;inset-block-start:calc(var(--slotted-data-grid-drop-offset, 0px) - var(--slotted-border-width-thick, 2px) / 2);inset-inline-start:var(--slotted-data-grid-drop-scroll, 0px)}[data-ui-data-grid] [data-part-filter-row]>[data-part-filter-cell]{--slotted-focus-ring-width: 0px;--slotted-select-open-border-color: transparent;--slotted-multi-select-open-border-color: transparent;align-items:center;background-color:var(--_band-surface);box-sizing:border-box;display:flex;min-block-size:var(--_head-block);min-inline-size:0;padding:0;position:relative}[data-ui-data-grid] [data-part-filter-row]>[data-part-filter-cell]:focus-within{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [data-part-filter-cell]>[data-part-filter-operand],[data-ui-data-grid] [data-part-filter-cell]>:not([data-part])>[data-part-filter-operand]{align-items:center;display:flex;flex:1 1 auto;margin:var(--_ring-width);min-inline-size:0;overflow:clip;white-space:nowrap}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand]>[data-part-root][data-variant=plain],[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand]>:not([data-part])>[data-part-root][data-variant=plain]{--slotted-control-padding-inline-sm: var(--slotted-space-3, .375rem);--slotted-control-height-sm: calc(var(--_head-block) - var(--_ring-width) * 2);flex:1 1 auto;min-inline-size:0}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>[data-part-root],[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>:not([data-part])>[data-part-root]{flex:1 1 0;inline-size:0}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]:before{color:var(--_muted);content:\"\\2013\";order:2}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>[data-part-root]:last-child,[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>:not([data-part]):last-child>[data-part-root]{order:3}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]{display:inline-flex;flex:none;padding-inline-start:var(--slotted-space-3, .375rem)}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button{align-items:center;background-color:transparent;block-size:var(--slotted-control-inner-size-sm, 22px);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-semibold, 600);inline-size:var(--slotted-control-inner-size-sm, 22px);justify-content:center;line-height:1;padding:0;transition:background-color var(--_transition),color var(--_transition)}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-grid] [data-part-filter-cell][data-filtered] [data-part-filter-operator]>button{color:var(--slotted-tone-accent-text, CanvasText)}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel]){--slotted-popover-measure-sm: calc( var(--slotted-data-grid-filter-panel-size, 24rem) + 2 * (var(--slotted-popover-gap, .5rem) + var(--slotted-border-width-thin, 1px)) )}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel][data-kind=date]){--slotted-data-grid-filter-panel-size: var(--slotted-data-grid-filter-panel-size-date, 28rem)}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel][data-kind=datetime]){--slotted-data-grid-filter-panel-size: var( --slotted-data-grid-filter-panel-size-datetime, 34rem )}[data-ui-data-grid][data-part-filter-panel]{--_operator-size: var(--slotted-data-grid-filter-operator-size, 7rem);--_panel-gap: var(--slotted-space-3, .375rem);box-sizing:border-box;color:var(--slotted-text, CanvasText);display:grid;font-family:var(--slotted-control-font-family);font-size:var(--slotted-control-font-size-sm, 12px);gap:var(--_panel-gap);grid-template-columns:max-content var(--_operator-size) minmax(0,1fr);inline-size:var(--slotted-data-grid-filter-panel-size, 24rem);max-inline-size:100%;padding:var(--slotted-popover-padding-block-sm, var(--slotted-space-4, .5rem)) var(--slotted-popover-padding-inline-sm, var(--slotted-space-5, .75rem))}[data-ui-data-grid][data-part-filter-panel]>[data-part-filter-condition]{align-items:center;display:grid;gap:var(--_panel-gap);grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-data-grid][data-part-filter-panel]>[data-part-filter-condition]:first-child>[data-part-filter-operator]{grid-column:2}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-join]{grid-column:1}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operator]{grid-column:2;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]{align-items:center;display:flex;gap:var(--_panel-gap);grid-column:3;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-condition][data-operands=\"0\"]>[data-part-filter-operand]{display:none}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]>*{flex:1 1 0;inline-size:0;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]:before{color:var(--slotted-text-muted);content:\"\\2013\";order:1}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]>:last-child{order:2}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]>[data-part-root],[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]>:not([data-part])>[data-part-root]{flex:1 1 auto;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand] [data-part-input]{min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-actions]{display:flex;gap:var(--_panel-gap);grid-column:1 / -1;justify-content:end;margin-block-start:var(--slotted-space-2, .25rem)}[data-ui-data-grid]>[data-part-scroll]>[data-part-body]{box-sizing:border-box;block-size:var(--slotted-data-grid-window-total, auto);padding-block-start:var(--slotted-data-grid-window-start, 0)}[data-ui-data-grid] [data-part-row]{background-color:var(--_surface);transition:background-color var(--_transition)}[data-ui-data-grid][data-rows=fixed]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{block-size:var(--_row-block);grid-auto-rows:var(--_track)}[data-ui-data-grid][data-rows=auto]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{grid-auto-rows:minmax(var(--_track),auto)}[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>:is([role=gridcell],[role=rowheader]):not([data-part-popin]){max-block-size:var(--_row-max-block);overflow-y:clip}[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>[role=gridcell],[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>[role=rowheader]{align-items:start}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed])>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows]){--_track: calc(var(--_row-block) - var(--_rule-width))}[data-ui-data-grid]>[data-part-scroll]>[data-part-body]>[data-part-row],[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows]>[data-part-row]{--_cell-control: calc( var(--_track) - var(--_ring-width) * 2 - var(--slotted-space-1, .125rem) * 2 );--slotted-control-height-sm: min(var(--_control-height-sm), var(--_cell-control));--slotted-control-height-md: min(var(--_control-height-md), var(--_cell-control));--slotted-control-height-lg: min(var(--_control-height-lg), var(--_cell-control));--slotted-target-min: min(var(--_target-min), var(--_cell-control))}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row],[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row],[data-ui-data-grid]>[data-part-scroll]>[data-part-loader]>[role=row]{grid-auto-rows:minmax(var(--_head-block),auto)}[data-ui-data-grid] [data-part-cell],[data-ui-data-grid] [data-part-row-header],[data-ui-data-grid] [data-part-summary-cell],[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[role=row]>[data-part-selection]{align-items:center;box-sizing:border-box;display:flex;min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui-data-grid] [data-part-cell]:not([data-pinned]){position:relative}[data-ui-data-grid] [data-part-cell]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-row-header]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-summary-cell]>span:not([data-ui],[data-part]){flex:1 1 auto;min-inline-size:0;unicode-bidi:plaintext}[data-ui-data-grid] [data-part-cell]>[data-ui]:not([data-part]){flex:0 0 auto;max-inline-size:100%}[data-ui-data-grid] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part-body],[data-part-pinned-rows])>[role=row]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part-body],[data-part-pinned-rows])>[role=row]:last-child{border-block-end-color:transparent}[data-ui-data-grid][data-striped]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-data-grid] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-data-grid] [role=gridcell][data-current]:not([data-editing]),[data-ui-data-grid] [role=rowheader][data-current]:not([data-editing]),[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest)}[data-ui-data-grid] [role=row]>[role=gridcell]:focus-visible:not([data-editing]),[data-ui-data-grid] [role=row]>[role=rowheader]:focus-visible:not([data-editing]),[data-ui-data-grid] [role=row]>[role=columnheader]:focus-visible{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [role=gridcell][data-current]:not([data-editing],[data-part-filter-cell]):focus-within:not(:focus){outline:none}[data-ui-data-grid] [data-part-cell][data-in-range]{background-color:var(--_range)}[data-ui-data-grid] [data-part-cell][data-range-edge]:before{border:0 solid var(--_cursor);content:\"\";inset:0 0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute}[data-ui-data-grid] [data-part-cell][data-range-edge~=top]:before{border-block-start-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-range-edge~=bottom]:before{border-block-end-width:var(--_ring-width);inset-block-end:0}[data-ui-data-grid] [data-part-cell][data-range-edge~=start]:before{border-inline-start-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-range-edge~=end]:before{border-inline-end-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-editing]{--slotted-control-padding-inline-sm: var(--_pad-inline);--slotted-control-padding-inline-md: var(--_pad-inline);--slotted-control-padding-inline-lg: var(--_pad-inline);--slotted-control-height-sm: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-md: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-lg: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-font-size-sm: var(--_font-size);--slotted-focus-ring-width: 0px;--slotted-select-open-border-color: transparent;--slotted-multi-select-open-border-color: transparent;box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest);padding:0}[data-ui-data-grid] [data-part-cell][data-editing][data-current]{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [data-part-cell][data-editing][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);--_invalid-ring: calc(var(--_ring-width) + var(--slotted-control-invalid-edge-width, 1px));box-shadow:none;outline:var(--_invalid-ring) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_invalid-ring) * -1)}[data-ui-data-grid] [data-numeric][data-editing] [data-part-input]{text-align:end}[data-ui-data-grid] [data-part-cell]>[data-part-editor]{display:flex;flex:1 1 auto;margin:var(--_ring-width);min-inline-size:0}[data-ui-data-grid] [data-part-cell]>[data-part-editor]>[data-part-root],[data-ui-data-grid] [data-part-cell]>[data-part-editor]>:not([data-part])>[data-part-root]{flex:1 1 auto;min-inline-size:0}[data-ui-data-grid] [data-part-cell][data-changed=a]{animation:slotted-data-grid-changed-a var(--slotted-data-grid-changed-duration, var(--slotted-duration-long)) var(--slotted-easing-standard, ease-out) forwards}[data-ui-data-grid] [data-part-cell][data-changed=b]{animation:slotted-data-grid-changed-b var(--slotted-data-grid-changed-duration, var(--slotted-duration-long)) var(--slotted-easing-standard, ease-out) forwards}@keyframes slotted-data-grid-changed-a{0%,35%{background-color:var(--_changed)}to{background-color:transparent}}@keyframes slotted-data-grid-changed-b{0%,35%{background-color:var(--_changed)}to{background-color:transparent}}@media(prefers-reduced-motion:reduce){[data-ui-data-grid] [data-part-cell][data-changed]{animation:none;background-color:var(--_changed)}[data-ui-data-grid] button[data-part-tree-toggle][data-loading]>[data-ui-icon]{animation:none}}[data-ui-data-grid] [data-part-cell][data-invalid]:not([data-editing]):after{border-block-start:var(--slotted-space-3, .375rem) solid var(--slotted-tone-danger-border);border-inline-start:var(--slotted-space-3, .375rem) solid transparent;content:\"\";inset-block-start:0;inset-inline-end:0;pointer-events:none;position:absolute;z-index:1}[data-ui-data-grid] [data-part-cell][data-loading]{color:var(--_muted)}[data-ui-data-grid] [data-part-cell][data-readonly]{cursor:default}[data-ui-data-grid] [data-align=start]{justify-content:start;text-align:start}[data-ui-data-grid] [data-align=center]{justify-content:center;text-align:center}[data-ui-data-grid] [data-align=end]{justify-content:end;text-align:end}[data-ui-data-grid] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-data-grid] [data-numeric]:not([data-align]){justify-content:end;text-align:end}[data-ui-data-grid] [data-text=truncate]>span:not([data-ui],[data-part]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-data-grid] [data-text=nowrap]>span:not([data-ui],[data-part]){overflow:hidden;white-space:nowrap}[data-ui-data-grid] [data-text=wrap]>span:not([data-ui],[data-part]){overflow-wrap:anywhere}[data-ui-data-grid] [data-pinned=start]{background-color:inherit;inset-inline-start:var(--slotted-data-grid-pin-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-data-grid] [data-pinned=end]{background-color:inherit;inset-inline-end:var(--slotted-data-grid-pin-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-data-grid]>[data-part-scroll]>[data-part-head] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-data-grid][data-variant=plain]>[data-part-scroll]>[data-part-head] [data-pinned],[data-ui-data-grid][data-variant=plain]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_surface)}[data-ui-data-grid] [data-part-filter-row]>[data-pinned]{background-color:var(--_band-surface)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]>[data-pinned]{background-color:var(--_selected)}[data-ui-data-grid] [data-pinned][data-pin-edge]:after{background-color:var(--_rule);content:\"\";inline-size:var(--_rule-width);inset-block:0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute;z-index:1}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[role=row]:last-child>[data-pin-edge]:after{inset-block-end:0}[data-ui-data-grid] [data-pinned=start][data-pin-edge]:after{inset-inline-end:0}[data-ui-data-grid] [data-pinned=end][data-pin-edge]:after{inset-inline-start:0}[data-ui-data-grid][data-popin] [data-pinned][data-pin-edge]:after{background-color:transparent}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after,[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-color:transparent;inline-size:calc(var(--_rule-width) + var(--_edge-shadow-size))}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to right,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent);inset-inline-end:calc(var(--_edge-shadow-size) * -1)}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to left,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent);inset-inline-start:calc(var(--_edge-shadow-size) * -1)}[data-ui-data-grid]:dir(rtl) [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to left,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent)}[data-ui-data-grid]:dir(rtl) [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to right,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent)}[data-ui-data-grid] [role=row]>[data-part-selection]{--slotted-selection-halo-opacity: 0;justify-content:center;padding-inline:0}[data-ui-data-grid] [role=row]>[data-part-selection]{background-color:inherit;inset-inline-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_head-surface);inset-inline-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]>[data-part-selection]{background-color:var(--_selected)}[data-ui-data-grid] [role=row]>[data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-data-grid] [data-part-cell][data-kind=expander]{justify-content:center;padding-inline:0}[data-ui-data-grid] [data-part-detail]{background-color:var(--slotted-surface-sunken, Canvas)}[data-ui-data-grid] [data-part-detail]>*{background-color:var(--slotted-surface-sunken, Canvas);box-sizing:border-box;grid-column:1 / -1;padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_pad-inline);position:sticky;inset-inline-start:0;max-inline-size:100cqi}[data-ui-data-grid][data-popin]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{grid-template-rows:minmax(var(--_track),auto) auto}[data-ui-data-grid][data-popin]>[data-part-scroll]>[data-part-summary]>[role=row]{grid-template-rows:minmax(var(--_head-block),auto) auto}[data-ui-data-grid][data-popin] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>:is([role=gridcell],[role=rowheader]):not([data-part-popin]){align-items:center}[data-ui-data-grid] [data-part-popin]{align-content:start;box-sizing:border-box;column-gap:var(--slotted-space-4, .5rem);display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));inset-inline-start:0;max-inline-size:100cqi;min-inline-size:0;padding-block:0 var(--_pad-block);padding-inline:calc(var(--slotted-data-grid-leading, 0px) + var(--_pad-inline)) var(--_pad-inline);position:sticky;row-gap:var(--slotted-space-2, .25rem);container:slotted-data-grid-popin / inline-size}@container slotted-data-grid (width < 600px){[data-ui-data-grid] [data-part-popin]{padding-inline-start:var(--_pad-inline)}}[data-ui-data-grid] [data-part-popin-field]{display:flex;flex-direction:column;min-inline-size:0}@container slotted-data-grid-popin (width < 19rem){[data-ui-data-grid] [data-part-popin-field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr)}}[data-ui-data-grid] [data-part-popin-label]{color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);overflow-wrap:anywhere}[data-ui-data-grid] [data-part-popin-value]{align-items:center;display:flex;gap:var(--_gap);justify-content:start;min-block-size:var(--_line);min-inline-size:0;text-align:start}[data-ui-data-grid] [data-part-popin-value][data-text]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-popin-value]>span:not([data-ui],[data-part]){flex:0 1 auto;min-inline-size:0;overflow:visible;overflow-wrap:anywhere;text-align:left;text-overflow:clip;unicode-bidi:plaintext;white-space:normal}[data-ui-data-grid]:dir(rtl) [data-part-popin-value]>span:not([data-ui],[data-part]){text-align:right}[data-ui-data-grid] [data-part-popin-value]>[data-ui]:not([data-part]){flex:0 0 auto;max-inline-size:100%}[data-ui-data-grid] [data-part-group-row]{background-color:var(--_band-surface);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]{align-items:center;box-sizing:border-box;display:flex;gap:var(--_gap);min-block-size:var(--_row-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]:first-child{padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level, 1) - 1));position:sticky;inset-inline-start:0}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]:first-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-data-grid] [data-part-group-row] [data-count]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-data-grid] [data-part-group-row] [data-aggregate]{color:var(--_muted);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-data-grid] [data-part-group-toggle]{margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);margin-inline-start:calc(var(--slotted-space-2, .25rem) * -1)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]{inset-block-end:var(--slotted-data-grid-sticky-offset-end, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-summary]{position:static}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows]{background-color:var(--_surface);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows][data-edge=top]{border-block-end:var(--_rule-width) solid var(--_rule-strong);inset-block-start:calc(var(--slotted-data-grid-sticky-offset, 0px) + var(--slotted-data-grid-pinned-top-offset, 0px))}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows][data-edge=bottom]{border-block-start:var(--_rule-width) solid var(--_rule-strong);inset-block-end:calc(var(--slotted-data-grid-sticky-offset-end, 0px) + var(--slotted-data-grid-pinned-bottom-offset, 0px))}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-pinned-rows]{position:static}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows] [data-pinned]{background-color:var(--_surface)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row]{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong)}[data-ui-data-grid] [data-part-summary-cell]{background-color:var(--_head-surface);font-weight:var(--slotted-font-weight-semibold, 600);min-block-size:var(--_head-block)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-data-grid] [data-part-summary-cell] [data-label]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400);margin-inline-end:var(--slotted-space-2, .25rem)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]{align-items:center;block-size:var(--_line);display:inline-flex;gap:var(--slotted-space-1, .125rem);opacity:0;transition:opacity var(--_transition)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button{align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;transition:background-color var(--_transition),color var(--_transition)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button :is(svg,img){block-size:var(--_control-icon);inline-size:var(--_control-icon)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button:not(:disabled):hover{background-color:color-mix(in oklab,var(--slotted-text, CanvasText) 7%,transparent);color:var(--_text)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-grid] [data-part-row]:not([data-disabled]):hover [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row]:focus-within [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row][data-current] [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row][data-editing] [data-part-cell]>[data-part-actions]{opacity:1}@media(pointer:coarse){[data-ui-data-grid] [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter]{opacity:1}[data-ui-data-grid][data-part-root]{--_control: min( var(--slotted-target-comfortable, 44px), calc(min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2) );--_target: var(--slotted-target-comfortable, 44px);--_reach: max(0px, calc((var(--_target) - var(--_control)) / 2))}[data-ui-data-grid] [data-part-column-help],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter],[data-ui-data-grid] [data-part-expander],[data-ui-data-grid] [data-part-group-toggle],[data-ui-data-grid] [data-part-tree-toggle],[data-ui-data-grid] [data-part-row-handle]{background-clip:content-box;box-sizing:content-box;margin:calc(var(--_reach) * -1);padding:var(--_reach)}}[data-ui-data-grid]>[data-part-scroll]>[data-part-empty]{align-items:center;box-sizing:border-box;display:flex;inline-size:100cqi;inset-inline-start:0;justify-content:center;min-block-size:calc(var(--_row-block) * 6);padding:var(--slotted-space-8, 1.5rem);position:sticky}[data-ui-data-grid]>[data-part-scroll]>[data-part-loader]>[data-part-row]>*{align-items:center;box-sizing:border-box;display:flex;min-block-size:max(var(--_row-block),var(--slotted-data-grid-loader-row-size, 0px));min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-data-grid][aria-busy=true]>[data-part-scroll]>[data-part-body]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui-data-grid]>[data-part-footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);box-sizing:border-box;display:flex;flex:none;flex-wrap:wrap;gap:var(--_gap);min-block-size:calc(var(--_head-block) + var(--_pad-block) * 2);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-data-grid]>[data-part-footer]>:last-child{display:flex;flex:1 1 auto;justify-content:flex-end;min-inline-size:0}[data-ui-data-grid]>[data-part-footer] [data-range]{color:var(--_muted);flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}@media(forced-colors:active){[data-ui-data-grid] [role=gridcell][data-current],[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) Highlight}[data-ui-data-grid] [data-part-cell][data-in-range]{background-color:Highlight;color:HighlightText}[data-ui-data-grid] [data-part-drop-indicator]{background-color:Highlight}[data-ui-data-grid] [data-part-cell][data-changed]{animation:none;background-color:Highlight;color:HighlightText}[data-ui-data-grid] [data-part-resizer]:after{forced-color-adjust:none}}@media print{[data-ui-data-grid][data-part-root]{block-size:auto;break-inside:auto}[data-ui-data-grid]>[data-part-scroll]{overflow:visible}[data-ui-data-grid]>[data-part-scroll]>[data-part-head],[data-ui-data-grid]>[data-part-scroll]>[data-part-summary],[data-ui-data-grid]>[data-part-scroll]>[data-part-empty],[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows],[data-ui-data-grid] [data-pinned]{position:static}[data-ui-data-grid] [data-pinned]{box-shadow:none}[data-ui-data-grid] [data-part-column-actions],[data-ui-data-grid] [data-part-row-handle],[data-ui-data-grid] [data-part-resizer],[data-ui-data-grid] [data-part-drop-indicator],[data-ui-data-grid] [data-part-loader]{display:none}[data-ui-data-grid] [role=gridcell][data-current],[data-ui-data-grid] [role=rowheader][data-current],[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:none}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]{break-inside:avoid}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{--_hover: transparent}}}\n", "@layer slotted.components{[data-ui-checkbox][data-part-root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui-checkbox][data-part-root]{--_direction: ltr}[data-ui-checkbox][data-part-root]:dir(rtl){--_direction: rtl}[data-ui-checkbox][data-part-root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui-checkbox][data-part-root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui-checkbox][data-part-root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui-checkbox] [data-part-control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui-checkbox] [data-part-indicator],[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui-checkbox] [data-part-label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui-checkbox][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]{justify-self:start;position:relative}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui-checkbox] [data-part-description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui-checkbox][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-control],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-indicator]{grid-area:1 / 2}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-description]{grid-column:1}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]{justify-self:stretch}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled)~[data-part-label]:after,[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:not(:disabled)~[data-part-label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:hover:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:active:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui-checkbox] [data-part-control]: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-checkbox][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control],[data-ui-checkbox][data-part-root][data-readonly] [data-part-label]{cursor:default}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-checkbox][data-part-root][data-disabled] [data-part-control],[data-ui-checkbox] [data-part-control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui-checkbox][data-part-root][data-disabled] [data-part-label],[data-ui-checkbox][data-part-root][data-disabled] [data-part-description],[data-ui-checkbox] [data-part-control]:disabled~[data-part-label],[data-ui-checkbox] [data-part-control]:disabled~[data-part-description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-label]:after{content:\"\";inset:0;position:absolute}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui-checkbox][data-part-root][data-variant=tile][data-disabled],[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]: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-checkbox][data-part-root][data-variant=tile] [data-part-control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui-checkbox] [data-part-control]{background-color:Field;border-color:FieldText}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked:focus-visible,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid],[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui-checkbox] [data-part-control]:disabled{background-color:Field;border-color:GrayText}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:GrayText}}}\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: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "tabIndex", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "component", type: SlDataGridEditor, selector: "sl-data-grid-editor", inputs: ["column", "draft", "value", "invalid", "message", "t", "locale"], outputs: ["draftChange"] }, { kind: "component", type: SlDataGridFilterPanel, selector: "sl-data-grid-filter-panel", inputs: ["column", "kind", "committed", "t", "locale", "counts", "customTemplate"], outputs: ["applyRequest"] }, { kind: "component", type: SlDataGridFilterRowOperand, selector: "sl-data-grid-filter-row-operand", inputs: ["column", "kind", "committed", "t", "locale", "counts", "debounce", "customTemplate"], outputs: ["filterChange"] }, { 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: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuSeparator, selector: "hr[slMenuSeparator]" }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "directive", type: SlPopover, selector: "[slPopover]", inputs: ["open", "defaultOpen", "disabled", "size", "width", "side", "align", "mount", "strategy", "messages", "initialFocus", "finalFocus", "arrow", "autoFocus", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slPopover"] }, { kind: "directive", type: SlPopoverAnchor, selector: "[slPopoverAnchor]", exportAs: ["slPopoverAnchor"] }, { kind: "directive", type: SlPopoverBody, selector: "[slPopoverBody]", exportAs: ["slPopoverBody"] }, { kind: "component", type: SlPopoverContent, selector: "[slPopoverContent]", exportAs: ["slPopoverContent"] }, { kind: "directive", type: SlPopoverLayer, selector: "ng-template[slPopoverLayer]", exportAs: ["slPopoverLayer"] }, { kind: "directive", type: SlPopoverTrigger, selector: "[slPopoverTrigger]", exportAs: ["slPopoverTrigger"] }, { 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"] }, { kind: "directive", type: SlTooltip, selector: "[slTooltip]", inputs: ["open", "defaultOpen", "disabled", "whenClipped", "variant", "size", "describes", "openOn", "side", "align", "mount", "strategy", "arrow", "hoverable", "closeOnPress", "flip", "shift", "hideWhenDetached", "portal", "openDelay", "closeDelay", "touchDelay", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slTooltip"] }, { kind: "component", type: SlTooltipContent, selector: "[slTooltipContent]", exportAs: ["slTooltipContent"] }, { kind: "directive", type: SlTooltipLayer, selector: "ng-template[slTooltipLayer]", exportAs: ["slTooltipLayer"] }, { kind: "directive", type: SlTooltipTrigger, selector: "[slTooltipTrigger]", exportAs: ["slTooltipTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataGrid, decorators: [{
             type: Component,
@@ -5554,13 +5684,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         SlTooltipLayer,
                         SlTooltipTrigger,
                     ], template: `
-    <div #scroll data-part="scroll">
-      <div data-part="head" role="rowgroup">
+    <div #scroll data-part="scroll" data-part-scroll="">
+      <div data-part="head" data-part-head="" role="rowgroup">
         @if (hasGroups()) {
-          <div data-part="header-row" role="row" aria-rowindex="1">
+          <div data-part="header-row" data-part-header-row="" role="row" aria-rowindex="1">
             @for (cell of groupCells(); track cell.key) {
               <div
                 data-part="column-group"
+                data-part-column-group=""
                 role="columnheader"
                 tabindex="-1"
                 [attr.aria-colindex]="cell.first"
@@ -5576,6 +5707,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
         <div
           data-part="header-row"
+          data-part-header-row=""
           role="row"
           [attr.data-row]="HEADER"
           [attr.aria-rowindex]="hasGroups() ? 2 : 1"
@@ -5583,6 +5715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (hasSelectionColumn()) {
             <div
               data-part="selection"
+              data-part-selection=""
               role="gridcell"
               aria-colindex="1"
               [attr.data-column]="SELECTION"
@@ -5601,7 +5734,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   [tabIndex]="isCurrent(HEADER, SELECTION) ? 0 : -1"
                   (checkedChange)="toggleAll($event.source)"
                 >
-                  <span data-ui="visually-hidden" data-part="root">{{ selectAllName() }}</span>
+                  <span
+                    data-ui="visually-hidden"
+                    data-ui-visually-hidden=""
+                    data-part="root"
+                    data-part-root=""
+                    >{{ selectAllName() }}</span
+                  >
                 </span>
               }
             </div>
@@ -5609,6 +5748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (hasDragColumn()) {
             <div
               data-part="column-header"
+              data-part-column-header=""
               role="columnheader"
               tabindex="-1"
               [attr.aria-colindex]="dragIndex()"
@@ -5621,6 +5761,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (hasExpanderColumn()) {
             <div
               data-part="column-header"
+              data-part-column-header=""
               role="columnheader"
               tabindex="-1"
               [attr.aria-colindex]="expanderIndex()"
@@ -5642,6 +5783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               <div
                 slPopoverAnchor
                 data-part="column-header"
+                data-part-column-header=""
                 role="columnheader"
                 [attr.aria-colindex]="indexOf(column.id)"
                 [attr.aria-sort]="ariaSort(column.id)"
@@ -5689,6 +5831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 @if (sortOf(column.id); as sort) {
                   <span
                     data-part="sort"
+                    data-part-sort=""
                     aria-hidden="true"
                     [attr.data-index]="query().sort.length > 1 ? sort.index : null"
                   >
@@ -5700,17 +5843,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 @if (column.column.description; as description) {
                   <span
                     data-part="column-description"
+                    data-part-column-description=""
                     aria-hidden="true"
                     [id]="descriptionId(column.id)"
                     >{{ description }}</span
                   >
                 }
-                <span data-part="column-actions">
+                <span data-part="column-actions" data-part-column-actions="">
                   @if (hasHelp(column)) {
                     <ng-container slPopover side="bottom" align="start" size="sm">
                       <button
                         slPopoverTrigger
                         data-part="column-help"
+                        data-part-column-help=""
                         type="button"
                         tabindex="-1"
                         [attr.aria-label]="helpLabel(column)"
@@ -5739,6 +5884,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   @if (column.filterable && (filterOf(column.id) || filterOpen() === column.id)) {
                     <button
                       data-part="filter"
+                      data-part-filter=""
                       type="button"
                       tabindex="-1"
                       aria-haspopup="dialog"
@@ -5754,6 +5900,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   }
                   <button
                     data-part="column-menu"
+                    data-part-column-menu=""
                     type="button"
                     tabindex="-1"
                     [slMenuTriggerFor]="columnMenu"
@@ -5774,7 +5921,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     "
                   >
                     @if (column.column.description; as description) {
-                      <div data-part="column-menu-description" aria-hidden="true">
+                      <div
+                        data-part="column-menu-description"
+                        data-part-column-menu-description=""
+                        aria-hidden="true"
+                      >
                         {{ description }}
                       </div>
                     }
@@ -5850,6 +6001,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 @if (column.resizable) {
                   <div
                     data-part="resizer"
+                    data-part-resizer=""
                     aria-hidden="true"
                     [attr.title]="t('resize')"
                     [attr.data-resizing]="resizing() === column.id ? '' : null"
@@ -5888,6 +6040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             <!-- The pop-in's column, named for a reader and given no track. -->
             <div
               data-part="popin-header"
+              data-part-popin-header=""
               role="columnheader"
               [attr.aria-colindex]="popinIndex()"
               [attr.data-column]="POPIN"
@@ -5899,6 +6052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         @if (resolvedFilterRow()) {
           <div
             data-part="filter-row"
+            data-part-filter-row=""
             role="row"
             [attr.data-row]="FILTER"
             [attr.aria-rowindex]="headerRowCount()"
@@ -5906,6 +6060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @if (hasSelectionColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 aria-colindex="1"
                 tabindex="-1"
@@ -5916,6 +6071,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @if (hasDragColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 tabindex="-1"
                 [attr.aria-colindex]="dragIndex()"
@@ -5926,6 +6082,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @if (hasExpanderColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 tabindex="-1"
                 [attr.aria-colindex]="expanderIndex()"
@@ -5936,6 +6093,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @for (column of mountedColumns(); track column.id) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 [attr.aria-colindex]="indexOf(column.id)"
                 [attr.data-column]="column.id"
@@ -5975,6 +6133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <ng-template #bodyRow let-entry>
         <div
           data-part="row"
+          data-part-row=""
           role="row"
           [attr.data-row]="entry.node.key"
           [attr.aria-rowindex]="entry.rowIndex"
@@ -5998,6 +6157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (hasSelectionColumn()) {
             <div
               data-part="selection"
+              data-part-selection=""
               role="gridcell"
               aria-colindex="1"
               [attr.data-column]="SELECTION"
@@ -6020,15 +6180,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   })
                 "
               >
-                <span data-ui="visually-hidden" data-part="root">{{
-                  t('selectRow', { row: entry.node.key })
-                }}</span>
+                <span
+                  data-ui="visually-hidden"
+                  data-ui-visually-hidden=""
+                  data-part="root"
+                  data-part-root=""
+                  >{{ selectRowLabel(entry.node.key) }}</span
+                >
               </span>
             </div>
           }
           @if (hasDragColumn()) {
             <div
               data-part="cell"
+              data-part-cell=""
               role="gridcell"
               data-kind="drag"
               [attr.aria-colindex]="dragIndex()"
@@ -6042,6 +6207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             >
               <button
                 data-part="row-handle"
+                data-part-row-handle=""
                 type="button"
                 [attr.tabindex]="isCurrent(entry.node.key, DRAG) ? 0 : -1"
                 [attr.aria-disabled]="rowsReorderableNow() ? null : 'true'"
@@ -6055,6 +6221,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (hasExpanderColumn()) {
             <div
               data-part="cell"
+              data-part-cell=""
               data-kind="expander"
               role="gridcell"
               [attr.aria-colindex]="expanderIndex()"
@@ -6069,6 +6236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               @if (isExpandable(entry.node.row)) {
                 <button
                   data-part="expander"
+                  data-part-expander=""
                   type="button"
                   tabindex="-1"
                   [attr.aria-expanded]="isExpanded(entry.node.key)"
@@ -6087,6 +6255,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @let cell = cellState(entry.node, column);
             <div
               [attr.data-part]="column.column.rowHeader ? 'row-header' : 'cell'"
+              [attr.data-part-row-header]="column.column.rowHeader ? '' : null"
+              [attr.data-part-cell]="column.column.rowHeader ? null : ''"
               [attr.role]="column.column.rowHeader ? 'rowheader' : 'gridcell'"
               [attr.aria-colindex]="indexOf(column.id)"
               [attr.aria-readonly]="cell.readonly ? 'true' : null"
@@ -6128,6 +6298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               @if (cell.tree === 'branch') {
                 <button
                   data-part="tree-toggle"
+                  data-part-tree-toggle=""
                   type="button"
                   tabindex="-1"
                   [attr.aria-expanded]="entry.node.open"
@@ -6146,10 +6317,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   ></span>
                 </button>
               } @else if (cell.tree === 'leaf') {
-                <span data-part="tree-toggle" data-empty aria-hidden="true"></span>
+                <span
+                  data-part="tree-toggle"
+                  data-part-tree-toggle=""
+                  data-empty
+                  aria-hidden="true"
+                ></span>
               }
               @if (cell.editing) {
-                <div data-part="editor">
+                <div data-part="editor" data-part-editor="">
                   @if (editorTemplate(column.id); as template) {
                     <ng-container
                       [ngTemplateOutlet]="template"
@@ -6181,6 +6357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (hasPopin()) {
             <div
               data-part="popin"
+              data-part-popin=""
               role="gridcell"
               [attr.aria-colindex]="popinIndex()"
               [attr.data-column]="POPIN"
@@ -6195,12 +6372,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             >
               @for (column of popinColumns(); track column.id) {
                 @let cell = cellState(entry.node, column);
-                <div data-part="popin-field" [attr.data-field]="column.id">
+                <div data-part="popin-field" data-part-popin-field="" [attr.data-field]="column.id">
                   @if (column.column.label) {
-                    <span data-part="popin-label">{{ column.column.label }}</span>
+                    <span data-part="popin-label" data-part-popin-label="">{{
+                      column.column.label
+                    }}</span>
                   }
                   <!-- Read only: an edit happens in a visible cell, the detail or the record. -->
-                  <div data-part="popin-value" [attr.data-text]="column.text">
+                  <div
+                    data-part="popin-value"
+                    data-part-popin-value=""
+                    [attr.data-text]="column.text"
+                  >
                     @if (cellTemplate(column.id); as template) {
                       <ng-container
                         [ngTemplateOutlet]="template"
@@ -6218,6 +6401,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         @if (detailOpen(entry.node) && detailTemplate(); as template) {
           <div
             data-part="detail"
+            data-part-detail=""
             role="row"
             [attr.data-row]="entry.node.key + ':detail'"
             [attr.id]="detailId(entry.node.key)"
@@ -6243,7 +6427,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
       </ng-template>
       @if (pinned().top.length > 0) {
-        <div data-part="pinned-rows" data-edge="top" role="rowgroup">
+        <div data-part="pinned-rows" data-part-pinned-rows="" data-edge="top" role="rowgroup">
           @for (entry of pinnedTopEntries(); track entry.node.key) {
             <ng-container
               [ngTemplateOutlet]="bodyRow"
@@ -6255,12 +6439,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @if (status() === 'loading') {
         <div
           data-part="loader"
+          data-part-loader=""
           role="rowgroup"
           aria-hidden="true"
           [style.--slotted-data-grid-loader-row-size]="rowSize() + 'px'"
         >
           @for (row of skeletonRowsList(); track row) {
-            <div data-part="row" role="row">
+            <div data-part="row" data-part-row="" role="row">
               @for (columnId of columnIds(); track columnId; let index = $index) {
                 <div role="gridcell" [style.--slotted-data-grid-column]="index + 1">
                   <!-- The gutters reserve their width and draw nothing: what
@@ -6279,6 +6464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       } @else {
         <div
           data-part="body"
+          data-part-body=""
           role="rowgroup"
           [style.--slotted-data-grid-window-total]="
             windowsRows() ? rowWindow().totalSize + 'px' : null
@@ -6291,6 +6477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @if (entry.node.kind === 'group') {
               <div
                 data-part="group-row"
+                data-part-group-row=""
                 role="row"
                 [attr.data-row]="GROUP_PREFIX + entry.node.key"
                 [attr.aria-rowindex]="entry.rowIndex"
@@ -6333,6 +6520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 >
                   <button
                     data-part="group-toggle"
+                    data-part-group-toggle=""
                     type="button"
                     tabindex="-1"
                     [attr.aria-expanded]="entry.node.expanded"
@@ -6404,7 +6592,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       }
 
       @if (status() !== 'rows' && status() !== 'loading') {
-        <div data-part="empty">
+        <div data-part="empty" data-part-empty="">
           @if (emptyTemplate(); as template) {
             <ng-container
               [ngTemplateOutlet]="template.template"
@@ -6450,7 +6638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </div>
       }
       @if (pinned().bottom.length > 0) {
-        <div data-part="pinned-rows" data-edge="bottom" role="rowgroup">
+        <div data-part="pinned-rows" data-part-pinned-rows="" data-edge="bottom" role="rowgroup">
           @for (entry of pinnedBottomEntries(); track entry.node.key) {
             <ng-container
               [ngTemplateOutlet]="bodyRow"
@@ -6460,11 +6648,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </div>
       }
       @if (hasSummary() && status() === 'rows') {
-        <div data-part="summary" role="rowgroup">
+        <div data-part="summary" data-part-summary="" role="rowgroup">
           <div role="row" [attr.data-row]="SUMMARY" [attr.aria-rowindex]="summaryRowIndex()">
             @for (columnId of gutterIds(); track columnId; let index = $index) {
               <div
                 data-part="summary-cell"
+                data-part-summary-cell=""
                 role="gridcell"
                 tabindex="-1"
                 [attr.aria-colindex]="index + 1"
@@ -6475,6 +6664,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @for (column of mountedColumns(); track column.id) {
               <div
                 data-part="summary-cell"
+                data-part-summary-cell=""
                 role="gridcell"
                 [attr.aria-colindex]="indexOf(column.id)"
                 [attr.data-column]="column.id"
@@ -6498,6 +6688,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             @if (hasPopinCell(SUMMARY)) {
               <div
                 data-part="popin"
+                data-part-popin=""
                 role="gridcell"
                 [attr.aria-colindex]="popinIndex()"
                 [attr.data-column]="POPIN"
@@ -6509,11 +6700,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 (pointerdown)="onCellPointerDown($event, { row: SUMMARY, column: POPIN })"
               >
                 @for (column of popinAggregated(); track column.id) {
-                  <div data-part="popin-field" [attr.data-field]="column.id">
+                  <div
+                    data-part="popin-field"
+                    data-part-popin-field=""
+                    [attr.data-field]="column.id"
+                  >
                     @if (column.column.label) {
-                      <span data-part="popin-label">{{ column.column.label }}</span>
+                      <span data-part="popin-label" data-part-popin-label="">{{
+                        column.column.label
+                      }}</span>
                     }
-                    <div data-part="popin-value">
+                    <div data-part="popin-value" data-part-popin-value="">
                       <span>{{ aggregateText(column, applied().aggregates[column.id]) }}</span>
                     </div>
                   </div>
@@ -6526,6 +6723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @if (dragState().offset !== null) {
         <div
           data-part="drop-indicator"
+          data-part-drop-indicator=""
           aria-hidden="true"
           [style.--slotted-data-grid-drop-offset]="dragState().offset + 'px'"
           [style.--slotted-data-grid-drop-scroll]="dragState().scrollTop + 'px'"
@@ -6534,6 +6732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       @if (rowDragState().offset !== null) {
         <div
           data-part="drop-indicator"
+          data-part-drop-indicator=""
           data-axis="row"
           aria-hidden="true"
           [style.--slotted-data-grid-drop-offset]="rowDragState().offset + 'px'"
@@ -6542,25 +6741,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       }
     </div>
     @if (showsFooter()) {
-      <div data-part="footer">
+      <div data-part="footer" data-part-footer="">
         @if (rangeText(); as text) {
           <span data-range="">{{ text }}</span>
         }
         <ng-content select="[slDataGridFooter]" />
         @if (hasMore() && !hasFooterContent()) {
-          <div>
-            <button
-              slButton
-              type="button"
-              size="sm"
-              tone="secondary"
-              variant="outline"
-              [disabled]="loading()"
-              (click)="loadMore.emit()"
-            >
-              {{ t('loadMore') }}
-            </button>
-          </div>
+          @if (offersMoreControl()) {
+            <div>
+              <button
+                slButton
+                type="button"
+                size="sm"
+                tone="secondary"
+                variant="outline"
+                [disabled]="loading()"
+                (click)="loadMore.emit()"
+              >
+                {{ loadMoreFailed() ? t('retry') : t('loadMore') }}
+              </button>
+            </div>
+          } @else if (loading()) {
+            <span data-loading-more="" role="status">{{ t('loadingMore') }}</span>
+          }
         }
       </div>
     }
@@ -6568,7 +6771,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlDataGrid), multi: true },
                     ], host: {
                         'data-ui': 'data-grid',
+                        'data-ui-data-grid': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.role]': "tree() ? 'treegrid' : 'grid'",
                         '[attr.aria-label]': 'ariaLabel()',
                         '[attr.aria-labelledby]': 'labelledBy() ?? null',
@@ -6592,8 +6797,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[style.--slotted-data-grid-changed-duration]': 'changedDuration()',
                         '(keydown)': 'onRootKeyDown($event)',
                         '(focusout)': 'onRootFocusOut($event)',
-                    }, styles: ["@layer slotted.components{[data-ui=data-grid][data-part=root]{--_head-block: var(--slotted-data-grid-head-block-size, var(--slotted-control-height-md, 34px));--_row-block: var(--slotted-data-grid-row-block-size, var(--_head-block));--_row-max-block: var(--slotted-data-grid-row-max-block-size, calc(var(--_row-block) * 4));--_font-size: var(--slotted-data-grid-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-data-grid-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-data-grid-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-data-grid-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-data-grid-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_head-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_radius: var(--slotted-data-grid-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-data-grid-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-data-grid-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-data-grid-border-width, var(--slotted-border-width-thin, 1px));--_edge-shadow: var( --slotted-data-grid-pin-shadow-color, color-mix(in oklab, var(--slotted-scrim, rgb(0 0 0 / .5)) 22%, transparent) );--_edge-shadow-size: var(--slotted-data-grid-pin-shadow-size, var(--slotted-space-5, .75rem));--_indent: var(--slotted-data-grid-indent, var(--slotted-space-6, 1rem));--_text: var(--slotted-data-grid-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-data-grid-color-muted, var(--slotted-text-muted, GrayText));--_surface: var( --slotted-data-grid-surface, var(--slotted-ground, var(--slotted-surface, Canvas)) );--_head-surface: var( --slotted-data-grid-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_head-surface-hover: var( --slotted-data-grid-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );--_band-surface: var( --slotted-data-grid-band-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 4%, var(--_surface)) );--_stripe: var( --slotted-data-grid-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-data-grid-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-data-grid-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-data-grid-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-data-grid-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );--_cursor: var(--slotted-data-grid-cursor-color, var(--slotted-tone-accent-border, Highlight));--_cursor-rest: color-mix( in oklab, var(--slotted-focus-ring-color, Highlight) 60%, transparent );--_range: var(--slotted-data-grid-range-surface, var(--slotted-tone-accent-surface, Canvas));--_changed: var( --slotted-data-grid-changed-surface, color-mix(in oklab, var(--slotted-tone-accent-solid, Highlight) 24%, transparent) );--_ring-width: var(--slotted-focus-ring-width, 2px);--_control: min( var(--slotted-target-min, 24px), calc( min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2 - var(--slotted-space-1, .125rem) * 2 ) );--_control-icon: min( var(--_icon-size), calc(var(--_control) - var(--slotted-space-2, .25rem)) );--_track: var(--_row-block);--_transition: var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_surface);block-size:var(--slotted-data-grid-block-size, auto);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-data-grid-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);isolation:isolate;line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;min-block-size:0;position:relative}[data-ui=data-grid][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-data-grid-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui=data-grid]>[data-part=scroll]{container-name:slotted-data-grid;container-type:inline-size;flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior-block:auto;overscroll-behavior-inline:contain;position:relative}[data-ui=data-grid][data-sticky-to=page]>[data-part=scroll]{overflow:visible}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=head],[data-part=body],[data-part=pinned-rows],[data-part=summary],[data-part=loader])>[role=row]{box-sizing:border-box;display:grid;grid-template-columns:var(--slotted-data-grid-template, none) auto;inline-size:fit-content;min-inline-size:100%}[data-ui=data-grid] [data-part=header-row]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong)}[data-ui=data-grid] [data-part=header-row]:not(:last-of-type){border-block-end-color:var(--_rule)}[data-ui=data-grid][data-variant=plain] [data-part=header-row]{background-color:transparent}[data-ui=data-grid] [data-part=filter-row]{background-color:var(--_band-surface);border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=head],[data-part=body],[data-part=pinned-rows],[data-part=summary],[data-part=loader])>[role=row]>*{grid-column:var(--slotted-data-grid-column, auto)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=head],[data-part=body],[data-part=pinned-rows],[data-part=summary],[data-part=loader]){inline-size:fit-content;min-inline-size:100%}[data-ui=data-grid]>[data-part=scroll]>[data-part=head]{inset-block-start:var(--slotted-data-grid-sticky-offset, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=data-grid]:not([data-sticky-header])>[data-part=scroll]>[data-part=head]{position:static}[data-ui=data-grid] [data-part=column-header],[data-ui=data-grid] [data-part=column-group],[data-ui=data-grid]>[data-part=scroll]>[data-part=head]>[role=row]>[data-part=selection]{align-items:center;background-color:var(--_head-surface);box-sizing:border-box;color:var(--_text);display:flex;font-weight:var(--slotted-font-weight-semibold, 600);gap:var(--slotted-space-2, .25rem);min-block-size:var(--_head-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;transition:background-color var(--_transition)}[data-ui=data-grid][data-variant=plain] :is([data-part=column-header],[data-part=column-group]){background-color:transparent}[data-ui=data-grid] [data-part=column-group]{justify-content:center}[data-ui=data-grid] [data-part=column-header]>span:first-child{flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=data-grid] [data-part=column-header][data-align=center]{justify-content:center}[data-ui=data-grid] [data-part=column-header][data-align=center]>span:first-child{flex:0 1 auto;margin-inline-start:auto}[data-ui=data-grid] [data-part=column-header]:is([data-align=end],[data-numeric]:not([data-align]))>span:first-child{text-align:end}[data-ui=data-grid] [data-part=column-header][data-sortable]{cursor:pointer}[data-ui=data-grid]>[data-part=scroll]>[data-part=head]>[role=row]>*,[data-ui=data-grid]>[data-part=scroll]>[data-part=summary]>[role=row]>*{-webkit-user-select:none;user-select:none}[data-ui=data-grid]:is([data-selection=multiple],[data-selection=range]) :is([data-part=body],[data-part=pinned-rows]){-webkit-user-select:none;user-select:none}[data-ui=data-grid] [data-part=column-header][data-sortable]:not([data-disabled]):hover{background-color:var(--_head-surface-hover)}[data-ui=data-grid] [data-part=column-header]>[data-part=sort]{--slotted-icon-size: var(--_icon-size);align-items:center;color:var(--_text);display:none;flex:none;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;gap:var(--slotted-space-1, .125rem);line-height:1}[data-ui=data-grid] [data-part=column-header]>[data-part=sort]>[data-ui=icon]{transition:rotate var(--_transition)}[data-ui=data-grid] [data-part=column-header][data-sorted]>[data-part=sort]{display:inline-flex}[data-ui=data-grid] [data-part=column-header][data-sorted=ascending]>[data-part=sort]>[data-ui=icon]{rotate:180deg}[data-ui=data-grid] [data-part=column-header]>[data-part=sort]:before{content:attr(data-index);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=data-grid] [data-part=column-header]>[data-part=sort]:not([data-index]):before{content:none}[data-ui=data-grid] [data-part=column-actions]{align-items:center;display:inline-flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--_line) - var(--_control)) / 2);margin-inline-start:auto}[data-ui=data-grid] [data-part=column-actions] *:has([data-part=filter]){display:contents}[data-ui=data-grid] [data-part=column-help],[data-ui=data-grid] [data-part=column-menu],[data-ui=data-grid] [data-part=column-header] [data-part=filter],[data-ui=data-grid] [data-part=expander],[data-ui=data-grid] [data-part=group-toggle],[data-ui=data-grid] [data-part=tree-toggle]{--slotted-icon-size: var(--_control-icon);align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;transition:background-color var(--_transition),color var(--_transition),opacity var(--_transition)}[data-ui=data-grid] [data-part=column-menu]{opacity:0}[data-ui=data-grid] [data-part=column-header] [data-part=filter]:not([data-filtered],[data-open]){display:none}[data-ui=data-grid] [data-part=column-header]:not([data-disabled]):hover [data-part=column-menu],[data-ui=data-grid] [data-part=column-header]:focus-within [data-part=column-menu],[data-ui=data-grid] [data-part=column-header][data-current] [data-part=column-menu],[data-ui=data-grid] [data-part=column-menu][data-open]{opacity:1}[data-ui=data-grid] [data-part=column-help]:not(:disabled):hover,[data-ui=data-grid] [data-part=column-help][data-open],[data-ui=data-grid] [data-part=column-menu]:not(:disabled):hover,[data-ui=data-grid] [data-part=column-header] [data-part=filter]:not(:disabled):hover,[data-ui=data-grid] [data-part=group-toggle]:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui=data-grid] [data-part=expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=data-grid] [data-part=column-help]:focus-visible,[data-ui=data-grid] [data-part=column-menu]:focus-visible,[data-ui=data-grid] [data-part=column-header] [data-part=filter]:focus-visible,[data-ui=data-grid] [data-part=expander]:focus-visible,[data-ui=data-grid] [data-part=group-toggle]:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-grid] [data-part=column-description],[data-ui=data-grid] [data-part=popin-header]{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui=menu] [data-part=column-menu-description]{grid-column:1 / -1;border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-md, 1.5);margin-block-end:var(--slotted-space-2, .25rem);max-inline-size:18rem;padding-block:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);padding-inline:var(--slotted-control-padding-inline-sm, .625rem)}[data-ui=data-grid] [data-part=column-header] [data-part=filter][data-filtered],[data-ui=data-grid] [data-part=column-header] [data-part=filter][data-open]{color:var(--slotted-tone-accent-text, CanvasText)}[data-ui=data-grid] [data-part=column-header] [data-part=filter][data-filtered]:not(:disabled):hover{background-color:var(--slotted-tone-accent-surface, Canvas)}[data-ui=data-grid] [data-part=expander]>[data-ui=icon],[data-ui=data-grid] [data-part=group-toggle]>[data-ui=icon],[data-ui=data-grid] button[data-part=tree-toggle]>[data-ui=icon]{transition:rotate var(--_transition)}[data-ui=data-grid] [data-part=expander][aria-expanded=true]>[data-ui=icon],[data-ui=data-grid] button[data-part=tree-toggle][aria-expanded=true]>[data-ui=icon],[data-ui=data-grid] [data-part=group-row][aria-expanded=true] [data-part=group-toggle]>[data-ui=icon]{rotate:90deg}[data-ui=data-grid]:dir(rtl) [data-part=expander]>[data-ui=icon],[data-ui=data-grid]:dir(rtl) [data-part=group-toggle]>[data-ui=icon],[data-ui=data-grid]:dir(rtl) button[data-part=tree-toggle]>[data-ui=icon]{rotate:180deg}[data-ui=data-grid]:dir(rtl) [data-part=expander][aria-expanded=true]>[data-ui=icon],[data-ui=data-grid]:dir(rtl) button[data-part=tree-toggle][aria-expanded=true]>[data-ui=icon],[data-ui=data-grid]:dir(rtl) [data-part=group-row][aria-expanded=true] [data-part=group-toggle]>[data-ui=icon]{rotate:90deg}[data-ui=data-grid] [data-part=cell][data-tree],[data-ui=data-grid] [data-part=row-header][data-tree]{gap:var(--slotted-space-1, .125rem);padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level, 1) - 1))}[data-ui=data-grid] [data-part=tree-toggle][data-empty]{cursor:default}[data-ui=data-grid] button[data-part=tree-toggle]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=data-grid] button[data-part=tree-toggle][data-loading]>[data-ui=icon]{animation:slotted-data-grid-turn var(--slotted-duration-loop) linear infinite;rotate:0deg}@keyframes slotted-data-grid-turn{to{rotate:1turn}}[data-ui=data-grid] [data-part=cell][data-kind=drag]{justify-content:center;padding-inline:0}[data-ui=data-grid] [data-part=row-handle]{--slotted-icon-size: var(--_control-icon);align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:grab;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;touch-action:none;transition:background-color var(--_transition),color var(--_transition),opacity var(--_transition)}[data-ui=data-grid] [data-part=row-handle]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=data-grid] [data-part=row-handle][data-disabled]{cursor:default;opacity:.5}[data-ui=data-grid] [data-part=row][data-dragging]{opacity:.5}[data-ui=data-grid] [data-part=row][data-dragging] [data-part=row-handle]{cursor:grabbing}[data-ui=data-grid] [data-part=resizer]{cursor:col-resize;inline-size:var(--slotted-target-min, 24px);inset-block:0;inset-inline-end:calc(var(--slotted-target-min, 24px) / -2);position:absolute;touch-action:none;z-index:1}[data-ui=data-grid] [data-part=header-row]>[data-part=column-header]:last-child>[data-part=resizer]{inline-size:calc(var(--slotted-target-min, 24px) / 2);inset-inline-end:0}[data-ui=data-grid] [data-part=resizer]:after{background-color:transparent;block-size:100%;content:\"\";inline-size:var(--slotted-border-width-thick, 2px);inset-inline-start:calc(50% - var(--slotted-border-width-thick, 2px) / 2);position:absolute;transition:background-color var(--_transition)}[data-ui=data-grid] [data-part=resizer]:not([data-disabled]):hover:after{background-color:var(--_rule-strong)}[data-ui=data-grid] [data-part=resizer][data-resizing]:after,[data-ui=data-grid] [data-part=column-header][data-resizing]>[data-part=resizer]:after{background-color:var(--_cursor)}[data-ui=data-grid] [data-part=column-header][data-dragging]{opacity:.5}[data-ui=data-grid] [data-part=column-header][data-drop-target]{background-color:var(--_head-surface-hover)}[data-ui=data-grid] [data-part=drop-indicator]{background-color:var(--_cursor);block-size:100%;inline-size:var(--slotted-border-width-thick, 2px);inset-block-start:var(--slotted-data-grid-drop-scroll, 0px);inset-inline-start:calc(var(--slotted-data-grid-drop-offset, 0px) - var(--slotted-border-width-thick, 2px) / 2);pointer-events:none;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 3)}[data-ui=data-grid] [data-part=drop-indicator][data-axis=row]{block-size:var(--slotted-border-width-thick, 2px);inline-size:100cqi;inset-block-start:calc(var(--slotted-data-grid-drop-offset, 0px) - var(--slotted-border-width-thick, 2px) / 2);inset-inline-start:var(--slotted-data-grid-drop-scroll, 0px)}[data-ui=data-grid] [data-part=filter-row]>[data-part=filter-cell]{--slotted-focus-ring-width: 0px;--slotted-select-open-border-color: transparent;--slotted-multi-select-open-border-color: transparent;align-items:center;background-color:var(--_band-surface);box-sizing:border-box;display:flex;min-block-size:var(--_head-block);min-inline-size:0;padding:0;position:relative}[data-ui=data-grid] [data-part=filter-row]>[data-part=filter-cell]:focus-within{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui=data-grid] [data-part=filter-cell]>[data-part=filter-operand],[data-ui=data-grid] [data-part=filter-cell]>:not([data-part])>[data-part=filter-operand]{align-items:center;display:flex;flex:1 1 auto;margin:var(--_ring-width);min-inline-size:0;overflow:clip;white-space:nowrap}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand]>[data-part=root][data-variant=plain],[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand]>:not([data-part])>[data-part=root][data-variant=plain]{--slotted-control-padding-inline-sm: var(--slotted-space-3, .375rem);--slotted-control-height-sm: calc(var(--_head-block) - var(--_ring-width) * 2);flex:1 1 auto;min-inline-size:0}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]>[data-part=root],[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]>:not([data-part])>[data-part=root]{flex:1 1 0;inline-size:0}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]:before{color:var(--_muted);content:\"\\2013\";order:2}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]>[data-part=root]:last-child,[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operand][data-range]>:not([data-part]):last-child>[data-part=root]{order:3}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operator]{display:inline-flex;flex:none;padding-inline-start:var(--slotted-space-3, .375rem)}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operator]>button{align-items:center;background-color:transparent;block-size:var(--slotted-control-inner-size-sm, 22px);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-semibold, 600);inline-size:var(--slotted-control-inner-size-sm, 22px);justify-content:center;line-height:1;padding:0;transition:background-color var(--_transition),color var(--_transition)}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operator]>button:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui=data-grid] [data-part=filter-cell] [data-part=filter-operator]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-grid] [data-part=filter-cell][data-filtered] [data-part=filter-operator]>button{color:var(--slotted-tone-accent-text, CanvasText)}[data-ui=popover]:has(>[data-part=content] [data-ui=data-grid][data-part=filter-panel]){--slotted-popover-measure-sm: calc( var(--slotted-data-grid-filter-panel-size, 24rem) + 2 * (var(--slotted-popover-gap, .5rem) + var(--slotted-border-width-thin, 1px)) )}[data-ui=popover]:has(>[data-part=content] [data-ui=data-grid][data-part=filter-panel][data-kind=date]){--slotted-data-grid-filter-panel-size: var(--slotted-data-grid-filter-panel-size-date, 28rem)}[data-ui=popover]:has(>[data-part=content] [data-ui=data-grid][data-part=filter-panel][data-kind=datetime]){--slotted-data-grid-filter-panel-size: var( --slotted-data-grid-filter-panel-size-datetime, 34rem )}[data-ui=data-grid][data-part=filter-panel]{--_operator-size: var(--slotted-data-grid-filter-operator-size, 7rem);--_panel-gap: var(--slotted-space-3, .375rem);box-sizing:border-box;color:var(--slotted-text, CanvasText);display:grid;font-family:var(--slotted-control-font-family);font-size:var(--slotted-control-font-size-sm, 12px);gap:var(--_panel-gap);grid-template-columns:max-content var(--_operator-size) minmax(0,1fr);inline-size:var(--slotted-data-grid-filter-panel-size, 24rem);max-inline-size:100%;padding:var(--slotted-popover-padding-block-sm, var(--slotted-space-4, .5rem)) var(--slotted-popover-padding-inline-sm, var(--slotted-space-5, .75rem))}[data-ui=data-grid][data-part=filter-panel]>[data-part=filter-condition]{align-items:center;display:grid;gap:var(--_panel-gap);grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=data-grid][data-part=filter-panel]>[data-part=filter-condition]:first-child>[data-part=filter-operator]{grid-column:2}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-join]{grid-column:1}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operator]{grid-column:2;min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand]{align-items:center;display:flex;gap:var(--_panel-gap);grid-column:3;min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-condition][data-operands=\"0\"]>[data-part=filter-operand]{display:none}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand][data-range]>*{flex:1 1 0;inline-size:0;min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand][data-range]:before{color:var(--slotted-text-muted);content:\"\\2013\";order:1}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand][data-range]>:last-child{order:2}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand]>[data-part=root],[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand]>:not([data-part])>[data-part=root]{flex:1 1 auto;min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-operand] [data-part=input]{min-inline-size:0}[data-ui=data-grid][data-part=filter-panel] [data-part=filter-actions]{display:flex;gap:var(--_panel-gap);grid-column:1 / -1;justify-content:end;margin-block-start:var(--slotted-space-2, .25rem)}[data-ui=data-grid]>[data-part=scroll]>[data-part=body]{box-sizing:border-box;block-size:var(--slotted-data-grid-window-total, auto);padding-block-start:var(--slotted-data-grid-window-start, 0)}[data-ui=data-grid] [data-part=row]{background-color:var(--_surface);transition:background-color var(--_transition)}[data-ui=data-grid][data-rows=fixed]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]{block-size:var(--_row-block);grid-auto-rows:var(--_track)}[data-ui=data-grid][data-rows=auto]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]{grid-auto-rows:minmax(var(--_track),auto)}[data-ui=data-grid][data-rows=auto] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]>:is([role=gridcell],[role=rowheader]):not([data-part=popin]){max-block-size:var(--_row-max-block);overflow-y:clip}[data-ui=data-grid][data-rows=auto] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]>[role=gridcell],[data-ui=data-grid][data-rows=auto] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]>[role=rowheader]{align-items:start}[data-ui=data-grid]:is([data-variant=ruled],[data-variant=framed])>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows]){--_track: calc(var(--_row-block) - var(--_rule-width))}[data-ui=data-grid]>[data-part=scroll]>[data-part=head]>[role=row],[data-ui=data-grid]>[data-part=scroll]>[data-part=summary]>[role=row],[data-ui=data-grid]>[data-part=scroll]>[data-part=loader]>[role=row]{grid-auto-rows:minmax(var(--_head-block),auto)}[data-ui=data-grid] [data-part=cell],[data-ui=data-grid] [data-part=row-header],[data-ui=data-grid] [data-part=summary-cell],[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[role=row]>[data-part=selection]{align-items:center;box-sizing:border-box;display:flex;min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui=data-grid] [data-part=cell]:not([data-pinned]){position:relative}[data-ui=data-grid] [data-part=cell]>span:not([data-ui],[data-part]),[data-ui=data-grid] [data-part=row-header]>span:not([data-ui],[data-part]),[data-ui=data-grid] [data-part=summary-cell]>span:not([data-ui],[data-part]){flex:1 1 auto;min-inline-size:0;unicode-bidi:plaintext}[data-ui=data-grid] [data-part=cell]>[data-ui]:not([data-part]){flex:0 0 auto;max-inline-size:100%}[data-ui=data-grid] [data-part=row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part=body],[data-part=pinned-rows])>[role=row]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part=body],[data-part=pinned-rows])>[role=row]:last-child{border-block-end-color:transparent}[data-ui=data-grid][data-striped]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]:nth-child(2n){background-color:var(--_stripe)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui=data-grid] :is([data-part=body],[data-part=pinned-rows])>[data-part=row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui=data-grid] [data-part=row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=data-grid] [role=gridcell][data-current]:not([data-editing]),[data-ui=data-grid] [role=rowheader][data-current]:not([data-editing]),[data-ui=data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest)}[data-ui=data-grid] [role=row]>[role=gridcell]:focus-visible:not([data-editing]),[data-ui=data-grid] [role=row]>[role=rowheader]:focus-visible:not([data-editing]),[data-ui=data-grid] [role=row]>[role=columnheader]:focus-visible{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui=data-grid] [role=gridcell][data-current]:not([data-editing],[data-part=filter-cell]):focus-within:not(:focus){outline:none}[data-ui=data-grid] [data-part=cell][data-in-range]{background-color:var(--_range)}[data-ui=data-grid] [data-part=cell][data-range-edge]:before{border:0 solid var(--_cursor);content:\"\";inset:0 0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute}[data-ui=data-grid] [data-part=cell][data-range-edge~=top]:before{border-block-start-width:var(--_ring-width)}[data-ui=data-grid] [data-part=cell][data-range-edge~=bottom]:before{border-block-end-width:var(--_ring-width);inset-block-end:0}[data-ui=data-grid] [data-part=cell][data-range-edge~=start]:before{border-inline-start-width:var(--_ring-width)}[data-ui=data-grid] [data-part=cell][data-range-edge~=end]:before{border-inline-end-width:var(--_ring-width)}[data-ui=data-grid] [data-part=cell][data-editing]{--slotted-control-padding-inline-sm: var(--_pad-inline);--slotted-control-padding-inline-md: var(--_pad-inline);--slotted-control-padding-inline-lg: var(--_pad-inline);--slotted-control-height-sm: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-md: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-lg: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-font-size-sm: var(--_font-size);--slotted-focus-ring-width: 0px;--slotted-select-open-border-color: transparent;--slotted-multi-select-open-border-color: transparent;box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest);padding:0}[data-ui=data-grid] [data-part=cell][data-editing][data-current]{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui=data-grid] [data-part=cell][data-editing][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);--_invalid-ring: calc(var(--_ring-width) + var(--slotted-control-invalid-edge-width, 1px));box-shadow:none;outline:var(--_invalid-ring) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_invalid-ring) * -1)}[data-ui=data-grid] [data-numeric][data-editing] [data-part=input]{text-align:end}[data-ui=data-grid] [data-part=cell]>[data-part=editor]{display:flex;flex:1 1 auto;margin:var(--_ring-width);min-inline-size:0}[data-ui=data-grid] [data-part=cell]>[data-part=editor]>[data-part=root],[data-ui=data-grid] [data-part=cell]>[data-part=editor]>:not([data-part])>[data-part=root]{flex:1 1 auto;min-inline-size:0}[data-ui=data-grid] [data-part=cell][data-changed=a]{animation:slotted-data-grid-changed-a var(--slotted-data-grid-changed-duration, var(--slotted-duration-long)) var(--slotted-easing-standard, ease-out) forwards}[data-ui=data-grid] [data-part=cell][data-changed=b]{animation:slotted-data-grid-changed-b var(--slotted-data-grid-changed-duration, var(--slotted-duration-long)) var(--slotted-easing-standard, ease-out) forwards}@keyframes slotted-data-grid-changed-a{0%,35%{background-color:var(--_changed)}to{background-color:transparent}}@keyframes slotted-data-grid-changed-b{0%,35%{background-color:var(--_changed)}to{background-color:transparent}}@media(prefers-reduced-motion:reduce){[data-ui=data-grid] [data-part=cell][data-changed]{animation:none;background-color:var(--_changed)}[data-ui=data-grid] button[data-part=tree-toggle][data-loading]>[data-ui=icon]{animation:none}}[data-ui=data-grid] [data-part=cell][data-invalid]:not([data-editing]):after{border-block-start:var(--slotted-space-3, .375rem) solid var(--slotted-tone-danger-border);border-inline-start:var(--slotted-space-3, .375rem) solid transparent;content:\"\";inset-block-start:0;inset-inline-end:0;pointer-events:none;position:absolute;z-index:1}[data-ui=data-grid] [data-part=cell][data-loading]{color:var(--_muted)}[data-ui=data-grid] [data-part=cell][data-readonly]{cursor:default}[data-ui=data-grid] [data-align=start]{justify-content:start;text-align:start}[data-ui=data-grid] [data-align=center]{justify-content:center;text-align:center}[data-ui=data-grid] [data-align=end]{justify-content:end;text-align:end}[data-ui=data-grid] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui=data-grid] [data-numeric]:not([data-align]){justify-content:end;text-align:end}[data-ui=data-grid] [data-text=truncate]>span:not([data-ui],[data-part]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=data-grid] [data-text=nowrap]>span:not([data-ui],[data-part]){overflow:hidden;white-space:nowrap}[data-ui=data-grid] [data-text=wrap]>span:not([data-ui],[data-part]){overflow-wrap:anywhere}[data-ui=data-grid] [data-pinned=start]{background-color:inherit;inset-inline-start:var(--slotted-data-grid-pin-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=data-grid] [data-pinned=end]{background-color:inherit;inset-inline-end:var(--slotted-data-grid-pin-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=data-grid]>[data-part=scroll]>[data-part=head] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=data-grid][data-variant=plain]>[data-part=scroll]>[data-part=head] [data-pinned],[data-ui=data-grid][data-variant=plain]>[data-part=scroll]>[data-part=head]>[role=row]>[data-part=selection]{background-color:var(--_surface)}[data-ui=data-grid] [data-part=filter-row]>[data-pinned]{background-color:var(--_band-surface)}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row][data-selected]>[data-pinned]{background-color:var(--_selected)}[data-ui=data-grid] [data-pinned][data-pin-edge]:after{background-color:var(--_rule);content:\"\";inline-size:var(--_rule-width);inset-block:0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute;z-index:1}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[role=row]:last-child>[data-pin-edge]:after{inset-block-end:0}[data-ui=data-grid] [data-pinned=start][data-pin-edge]:after{inset-inline-end:0}[data-ui=data-grid] [data-pinned=end][data-pin-edge]:after{inset-inline-start:0}[data-ui=data-grid][data-popin] [data-pinned][data-pin-edge]:after{background-color:transparent}[data-ui=data-grid] [data-part=scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after,[data-ui=data-grid] [data-part=scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-color:transparent;inline-size:calc(var(--_rule-width) + var(--_edge-shadow-size))}[data-ui=data-grid] [data-part=scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to right,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent);inset-inline-end:calc(var(--_edge-shadow-size) * -1)}[data-ui=data-grid] [data-part=scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to left,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent);inset-inline-start:calc(var(--_edge-shadow-size) * -1)}[data-ui=data-grid]:dir(rtl) [data-part=scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to left,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent)}[data-ui=data-grid]:dir(rtl) [data-part=scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to right,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent)}[data-ui=data-grid] [role=row]>[data-part=selection]{--slotted-selection-halo-opacity: 0;justify-content:center;padding-inline:0}[data-ui=data-grid] [role=row]>[data-part=selection]{background-color:inherit;inset-inline-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=data-grid]>[data-part=scroll]>[data-part=head]>[role=row]>[data-part=selection]{background-color:var(--_head-surface);inset-inline-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=data-grid] :is([data-part=body],[data-part=pinned-rows])>[data-part=row][data-selected]>[data-part=selection]{background-color:var(--_selected)}[data-ui=data-grid] [role=row]>[data-part=selection]>[data-ui=checkbox]{block-size:var(--_line)}[data-ui=data-grid] [data-part=cell][data-kind=expander]{justify-content:center;padding-inline:0}[data-ui=data-grid] [data-part=detail]{background-color:var(--slotted-surface-sunken, Canvas)}[data-ui=data-grid] [data-part=detail]>*{background-color:var(--slotted-surface-sunken, Canvas);box-sizing:border-box;grid-column:1 / -1;padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_pad-inline);position:sticky;inset-inline-start:0;max-inline-size:100cqi}[data-ui=data-grid][data-popin]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]{grid-template-rows:minmax(var(--_track),auto) auto}[data-ui=data-grid][data-popin]>[data-part=scroll]>[data-part=summary]>[role=row]{grid-template-rows:minmax(var(--_head-block),auto) auto}[data-ui=data-grid][data-popin] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]>:is([role=gridcell],[role=rowheader]):not([data-part=popin]){align-items:center}[data-ui=data-grid] [data-part=popin]{align-content:start;box-sizing:border-box;column-gap:var(--slotted-space-4, .5rem);display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));inset-inline-start:0;max-inline-size:100cqi;min-inline-size:0;padding-block:0 var(--_pad-block);padding-inline:calc(var(--slotted-data-grid-leading, 0px) + var(--_pad-inline)) var(--_pad-inline);position:sticky;row-gap:var(--slotted-space-2, .25rem);container:slotted-data-grid-popin / inline-size}@container slotted-data-grid (width < 600px){[data-ui=data-grid] [data-part=popin]{padding-inline-start:var(--_pad-inline)}}[data-ui=data-grid] [data-part=popin-field]{display:flex;flex-direction:column;min-inline-size:0}@container slotted-data-grid-popin (width < 19rem){[data-ui=data-grid] [data-part=popin-field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr)}}[data-ui=data-grid] [data-part=popin-label]{color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);overflow-wrap:anywhere}[data-ui=data-grid] [data-part=popin-value]{align-items:center;display:flex;gap:var(--_gap);justify-content:start;min-block-size:var(--_line);min-inline-size:0;text-align:start}[data-ui=data-grid] [data-part=popin-value][data-text]>span:not([data-ui],[data-part]),[data-ui=data-grid] [data-part=popin-value]>span:not([data-ui],[data-part]){flex:0 1 auto;min-inline-size:0;overflow:visible;overflow-wrap:anywhere;text-align:left;text-overflow:clip;unicode-bidi:plaintext;white-space:normal}[data-ui=data-grid]:dir(rtl) [data-part=popin-value]>span:not([data-ui],[data-part]){text-align:right}[data-ui=data-grid] [data-part=popin-value]>[data-ui]:not([data-part]){flex:0 0 auto;max-inline-size:100%}[data-ui=data-grid] [data-part=group-row]{background-color:var(--_band-surface);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=data-grid] [data-part=group-row]>[role=gridcell]{align-items:center;box-sizing:border-box;display:flex;gap:var(--_gap);min-block-size:var(--_row-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=data-grid] [data-part=group-row]>[role=gridcell]:first-child{padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level, 1) - 1));position:sticky;inset-inline-start:0}[data-ui=data-grid] [data-part=group-row]>[role=gridcell]:first-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=data-grid] [data-part=group-row] [data-count]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=data-grid] [data-part=group-row] [data-aggregate]{color:var(--_muted);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=data-grid] [data-part=group-toggle]{margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);margin-inline-start:calc(var(--slotted-space-2, .25rem) * -1)}[data-ui=data-grid]>[data-part=scroll]>[data-part=summary]{inset-block-end:var(--slotted-data-grid-sticky-offset-end, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=data-grid]:not([data-sticky-header])>[data-part=scroll]>[data-part=summary]{position:static}[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows]{background-color:var(--_surface);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows][data-edge=top]{border-block-end:var(--_rule-width) solid var(--_rule-strong);inset-block-start:calc(var(--slotted-data-grid-sticky-offset, 0px) + var(--slotted-data-grid-pinned-top-offset, 0px))}[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows][data-edge=bottom]{border-block-start:var(--_rule-width) solid var(--_rule-strong);inset-block-end:calc(var(--slotted-data-grid-sticky-offset-end, 0px) + var(--slotted-data-grid-pinned-bottom-offset, 0px))}[data-ui=data-grid]:not([data-sticky-header])>[data-part=scroll]>[data-part=pinned-rows]{position:static}[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows] [data-pinned]{background-color:var(--_surface)}[data-ui=data-grid]>[data-part=scroll]>[data-part=summary]>[role=row]{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong)}[data-ui=data-grid] [data-part=summary-cell]{background-color:var(--_head-surface);font-weight:var(--slotted-font-weight-semibold, 600);min-block-size:var(--_head-block)}[data-ui=data-grid]>[data-part=scroll]>[data-part=summary] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=data-grid] [data-part=summary-cell] [data-label]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400);margin-inline-end:var(--slotted-space-2, .25rem)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]{align-items:center;block-size:var(--_line);display:inline-flex;gap:var(--slotted-space-1, .125rem);opacity:0;transition:opacity var(--_transition)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]>button{align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;transition:background-color var(--_transition),color var(--_transition)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]>button :is(svg,img){block-size:var(--_control-icon);inline-size:var(--_control-icon)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]>button:not(:disabled):hover{background-color:color-mix(in oklab,var(--slotted-text, CanvasText) 7%,transparent);color:var(--_text)}[data-ui=data-grid] [data-part=cell]>[data-part=actions]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=data-grid] [data-part=row]:not([data-disabled]):hover [data-part=cell]>[data-part=actions],[data-ui=data-grid] [data-part=row]:focus-within [data-part=cell]>[data-part=actions],[data-ui=data-grid] [data-part=row][data-current] [data-part=cell]>[data-part=actions],[data-ui=data-grid] [data-part=row][data-editing] [data-part=cell]>[data-part=actions]{opacity:1}@media(pointer:coarse){[data-ui=data-grid] [data-part=cell]>[data-part=actions],[data-ui=data-grid] [data-part=column-menu],[data-ui=data-grid] [data-part=column-header] [data-part=filter]{opacity:1}[data-ui=data-grid][data-part=root]{--_control: min( var(--slotted-target-comfortable, 44px), calc(min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2) );--_target: var(--slotted-target-comfortable, 44px);--_reach: max(0px, calc((var(--_target) - var(--_control)) / 2))}[data-ui=data-grid] [data-part=column-help],[data-ui=data-grid] [data-part=column-menu],[data-ui=data-grid] [data-part=column-header] [data-part=filter],[data-ui=data-grid] [data-part=expander],[data-ui=data-grid] [data-part=group-toggle],[data-ui=data-grid] [data-part=tree-toggle],[data-ui=data-grid] [data-part=row-handle]{background-clip:content-box;box-sizing:content-box;margin:calc(var(--_reach) * -1);padding:var(--_reach)}}[data-ui=data-grid]>[data-part=scroll]>[data-part=empty]{align-items:center;box-sizing:border-box;display:flex;inline-size:100cqi;inset-inline-start:0;justify-content:center;min-block-size:calc(var(--_row-block) * 6);padding:var(--slotted-space-8, 1.5rem);position:sticky}[data-ui=data-grid]>[data-part=scroll]>[data-part=loader]>[data-part=row]>*{align-items:center;box-sizing:border-box;display:flex;min-block-size:max(var(--_row-block),var(--slotted-data-grid-loader-row-size, 0px));min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=data-grid][aria-busy=true]>[data-part=scroll]>[data-part=body]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui=data-grid]>[data-part=footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);box-sizing:border-box;display:flex;flex:none;flex-wrap:wrap;gap:var(--_gap);min-block-size:calc(var(--_head-block) + var(--_pad-block) * 2);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=data-grid]>[data-part=footer]>:last-child{display:flex;flex:1 1 auto;justify-content:flex-end;min-inline-size:0}[data-ui=data-grid]>[data-part=footer] [data-range]{color:var(--_muted);flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}@media(forced-colors:active){[data-ui=data-grid] [role=gridcell][data-current],[data-ui=data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) Highlight}[data-ui=data-grid] [data-part=cell][data-in-range]{background-color:Highlight;color:HighlightText}[data-ui=data-grid] [data-part=drop-indicator]{background-color:Highlight}[data-ui=data-grid] [data-part=cell][data-changed]{animation:none;background-color:Highlight;color:HighlightText}[data-ui=data-grid] [data-part=resizer]:after{forced-color-adjust:none}}@media print{[data-ui=data-grid][data-part=root]{block-size:auto;break-inside:auto}[data-ui=data-grid]>[data-part=scroll]{overflow:visible}[data-ui=data-grid]>[data-part=scroll]>[data-part=head],[data-ui=data-grid]>[data-part=scroll]>[data-part=summary],[data-ui=data-grid]>[data-part=scroll]>[data-part=empty],[data-ui=data-grid]>[data-part=scroll]>[data-part=pinned-rows],[data-ui=data-grid] [data-pinned]{position:static}[data-ui=data-grid] [data-pinned]{box-shadow:none}[data-ui=data-grid] [data-part=column-actions],[data-ui=data-grid] [data-part=row-handle],[data-ui=data-grid] [data-part=resizer],[data-ui=data-grid] [data-part=drop-indicator],[data-ui=data-grid] [data-part=loader]{display:none}[data-ui=data-grid] [role=gridcell][data-current],[data-ui=data-grid] [role=rowheader][data-current],[data-ui=data-grid] [role=columnheader][data-current]{box-shadow:none}[data-ui=data-grid] :is([data-part=body],[data-part=pinned-rows])>[data-part=row]{break-inside:avoid}[data-ui=data-grid]>[data-part=scroll]>:is([data-part=body],[data-part=pinned-rows])>[data-part=row]{--_hover: transparent}}}\n", "@layer slotted.components{[data-ui=checkbox][data-part=root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui=checkbox][data-part=root]{--_direction: ltr}[data-ui=checkbox][data-part=root]:dir(rtl){--_direction: rtl}[data-ui=checkbox][data-part=root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui=checkbox][data-part=root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui=checkbox][data-part=root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui=checkbox] [data-part=control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui=checkbox] [data-part=indicator],[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui=checkbox] [data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui=checkbox][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]{justify-self:start;position:relative}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui=checkbox][data-part=root]:not([data-variant=tile]) [data-part=label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui=checkbox][data-part=root]:is([data-label-hidden],:has(>[data-part=label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part=label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui=checkbox] [data-part=description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=checkbox][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=control],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=indicator]{grid-area:1 / 2}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label],[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=description]{grid-column:1}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]{justify-self:stretch}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui=checkbox][data-part=root][data-label-placement=start] [data-part=label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:hover:not(:disabled)~[data-part=label]:after,[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:not(:disabled)~[data-part=label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:hover:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:checked:active:not(:disabled),[data-ui=checkbox][data-part=root]:not([data-readonly]) [data-part=control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui=checkbox] [data-part=control]: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=checkbox][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control],[data-ui=checkbox][data-part=root][data-readonly] [data-part=label]{cursor:default}[data-ui=checkbox][data-part=root][data-readonly] [data-part=control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=checkbox][data-part=root][data-disabled] [data-part=control],[data-ui=checkbox] [data-part=control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui=checkbox][data-part=root][data-disabled] [data-part=label],[data-ui=checkbox][data-part=root][data-disabled] [data-part=description],[data-ui=checkbox] [data-part=control]:disabled~[data-part=label],[data-ui=checkbox] [data-part=control]:disabled~[data-part=description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=checkbox][data-part=root][data-variant=tile] [data-part=label]:after{content:\"\";inset:0;position:absolute}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:not(:disabled)):not(:has([data-part=control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui=checkbox][data-part=root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part=control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui=checkbox][data-part=root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui=checkbox][data-part=root][data-variant=tile][data-disabled],[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui=checkbox][data-part=root][data-variant=tile]:has([data-part=control]: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=checkbox][data-part=root][data-variant=tile] [data-part=control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui=checkbox] [data-part=control]{background-color:Field;border-color:FieldText}[data-ui=checkbox] [data-part=control]:checked,[data-ui=checkbox] [data-part=control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked:focus-visible,[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=checkbox] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:checked+[data-part=indicator],[data-ui=checkbox][data-part=root][data-invalid] [data-part=control]:indeterminate+[data-part=indicator]{color:HighlightText}[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid],[data-ui=checkbox][data-part=root][data-variant=tile][data-invalid]:has([data-part=control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui=checkbox] [data-part=control]:disabled{background-color:Field;border-color:GrayText}[data-ui=checkbox] [data-part=control]:disabled+[data-part=indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { rowsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], columnGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnGroups", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], totalCountInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalCount", required: false }] }], hasMoreInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMore", required: false }] }], loadingInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], errorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], disabledKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledKeys", required: false }] }], highlightChanges: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightChanges", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], columnState: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnState", required: false }] }, { type: i0.Output, args: ["columnStateChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }, { type: i0.Output, args: ["rangeChange"] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }, { type: i0.Output, args: ["currentChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], expandedGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedGroups", required: false }] }, { type: i0.Output, args: ["expandedGroupsChange"] }], queryChangeRequest: [{ type: i0.Output, args: ["queryChangeRequest"] }], columnStateChangeRequest: [{ type: i0.Output, args: ["columnStateChangeRequest"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], rangeChangeRequest: [{ type: i0.Output, args: ["rangeChangeRequest"] }], currentChangeRequest: [{ type: i0.Output, args: ["currentChangeRequest"] }], expandedChangeRequest: [{ type: i0.Output, args: ["expandedChangeRequest"] }], expandedGroupsChangeRequest: [{ type: i0.Output, args: ["expandedGroupsChangeRequest"] }], editStart: [{ type: i0.Output, args: ["editStart"] }], editCommit: [{ type: i0.Output, args: ["editCommit"] }], editCancel: [{ type: i0.Output, args: ["editCancel"] }], activate: [{ type: i0.Output, args: ["activate"] }], loadMore: [{ type: i0.Output, args: ["loadMore"] }], loadChildren: [{ type: i0.Output, args: ["loadChildren"] }], rowsReorder: [{ type: i0.Output, args: ["rowsReorder"] }], retry: [{ type: i0.Output, args: ["retry"] }], manageColumns: [{ type: i0.Output, args: ["manageColumns"] }], outOfSpaceChange: [{ type: i0.Output, args: ["outOfSpaceChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], stickyTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyTo", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], editMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editMode", required: false }] }], filterRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterRow", required: false }] }], virtualize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualize", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], columnOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnOverflow", required: false }] }], overscan: [{ type: i0.Input, args: [{ isSignal: true, alias: "overscan", required: false }] }], filterDebounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterDebounce", required: false }] }], loadMoreThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadMoreThreshold", required: false }] }], skeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "skeletonRows", required: false }] }], activatable: [{ type: i0.Input, args: [{ isSignal: true, alias: "activatable", required: false }] }], manageable: [{ type: i0.Input, args: [{ isSignal: true, alias: "manageable", required: false }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: false }] }], rowsReorderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowsReorderable", required: false }] }], pinnedRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinnedRows", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], labelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledBy", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], showRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRange", required: false }] }], cellTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridCellTemplate), { isSignal: true }] }], editorTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridEditorTemplate), { isSignal: true }] }], headerTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridHeaderTemplate), { isSignal: true }] }], filterTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridFilterTemplate), { isSignal: true }] }], helpTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridColumnHelp), { isSignal: true }] }], detailTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlDataGridDetailTemplate), { isSignal: true }] }], groupTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlDataGridGroupTemplate), { isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlDataGridEmptyTemplate), { isSignal: true }] }], footerContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlDataGridFooter), { isSignal: true }] }], scrollRef: [{ type: i0.ViewChild, args: ['scroll', { isSignal: true }] }], columnMenus: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SlMenu), { isSignal: true }] }] } });
+                    }, styles: ["@layer slotted.components{[data-ui-data-grid][data-part-root]{--_head-block: var(--slotted-data-grid-head-block-size, var(--slotted-control-height-md, 34px));--_row-block: var(--slotted-data-grid-row-block-size, var(--_head-block));--_row-max-block: var(--slotted-data-grid-row-max-block-size, calc(var(--_row-block) * 4));--_font-size: var(--slotted-data-grid-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-data-grid-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-data-grid-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-data-grid-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-data-grid-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_head-block) - var(--_font-size) * var(--slotted-line-height-md, 1.5)) / 2) ) );--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_radius: var(--slotted-data-grid-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-data-grid-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-data-grid-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-data-grid-border-width, var(--slotted-border-width-thin, 1px));--_edge-shadow: var( --slotted-data-grid-pin-shadow-color, color-mix(in oklab, var(--slotted-scrim, rgb(0 0 0 / .5)) 22%, transparent) );--_edge-shadow-size: var(--slotted-data-grid-pin-shadow-size, var(--slotted-space-5, .75rem));--_indent: var(--slotted-data-grid-indent, var(--slotted-space-6, 1rem));--_text: var(--slotted-data-grid-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-data-grid-color-muted, var(--slotted-text-muted, GrayText));--_surface: var( --slotted-data-grid-surface, var(--slotted-ground, var(--slotted-surface, Canvas)) );--_head-surface: var( --slotted-data-grid-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_head-surface-hover: var( --slotted-data-grid-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );--_band-surface: var( --slotted-data-grid-band-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 4%, var(--_surface)) );--_stripe: var( --slotted-data-grid-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-data-grid-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-data-grid-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-data-grid-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-data-grid-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );--_cursor: var(--slotted-data-grid-cursor-color, var(--slotted-tone-accent-border, Highlight));--_cursor-rest: color-mix( in oklab, var(--slotted-focus-ring-color, Highlight) 60%, transparent );--_range: var(--slotted-data-grid-range-surface, var(--slotted-tone-accent-surface, Canvas));--_changed: var( --slotted-data-grid-changed-surface, color-mix(in oklab, var(--slotted-tone-accent-solid, Highlight) 24%, transparent) );--_ring-width: var(--slotted-focus-ring-width, 2px);--_control: min( var(--slotted-target-min, 24px), calc( min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2 - var(--slotted-space-1, .125rem) * 2 ) );--_control-height-sm: var(--slotted-control-height-sm, 30px);--_control-height-md: var(--slotted-control-height-md, 34px);--_control-height-lg: var(--slotted-control-height-lg, 38px);--_target-min: var(--slotted-target-min, 24px);--_control-icon: min( var(--_icon-size), calc(var(--_control) - var(--slotted-space-2, .25rem)) );--_track: var(--_row-block);--_transition: var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_surface);block-size:var(--slotted-data-grid-block-size, auto);box-sizing:border-box;color:var(--_text);display:flex;flex-direction:column;font-family:var(--slotted-data-grid-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);isolation:isolate;line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;min-block-size:0;position:relative}[data-ui-data-grid][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-data-grid-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui-data-grid]>[data-part-scroll]{container-name:slotted-data-grid;container-type:inline-size;flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior-block:auto;overscroll-behavior-inline:contain;position:relative}[data-ui-data-grid][data-sticky-to=page]>[data-part-scroll]{overflow:visible}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader])>[role=row]{box-sizing:border-box;display:grid;grid-template-columns:var(--slotted-data-grid-template, none) auto;inline-size:fit-content;min-inline-size:100%}[data-ui-data-grid] [data-part-header-row]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong)}[data-ui-data-grid] [data-part-header-row]:not(:last-of-type){border-block-end-color:var(--_rule)}[data-ui-data-grid][data-variant=plain] [data-part-header-row]{background-color:transparent}[data-ui-data-grid] [data-part-filter-row]{background-color:var(--_band-surface);border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader])>[role=row]>*{grid-column:var(--slotted-data-grid-column, auto)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-head],[data-part-body],[data-part-pinned-rows],[data-part-summary],[data-part-loader]){inline-size:fit-content;min-inline-size:100%}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]{inset-block-start:var(--slotted-data-grid-sticky-offset, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-head]{position:static}[data-ui-data-grid] [data-part-column-header],[data-ui-data-grid] [data-part-column-group],[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{align-items:center;background-color:var(--_head-surface);box-sizing:border-box;color:var(--_text);display:flex;font-weight:var(--slotted-font-weight-semibold, 600);gap:var(--slotted-space-2, .25rem);min-block-size:var(--_head-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;transition:background-color var(--_transition)}[data-ui-data-grid][data-variant=plain] :is([data-part-column-header],[data-part-column-group]){background-color:transparent}[data-ui-data-grid] [data-part-column-group]{justify-content:center}[data-ui-data-grid] [data-part-column-header]>span:first-child{flex:1 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-data-grid] [data-part-column-header][data-align=center]{justify-content:center}[data-ui-data-grid] [data-part-column-header][data-align=center]>span:first-child{flex:0 1 auto;margin-inline-start:auto}[data-ui-data-grid] [data-part-column-header]:is([data-align=end],[data-numeric]:not([data-align]))>span:first-child{text-align:end}[data-ui-data-grid] [data-part-column-header][data-sortable]{cursor:pointer}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>*,[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row]>*{-webkit-user-select:none;user-select:none}[data-ui-data-grid]:is([data-selection=multiple],[data-selection=range]) :is([data-part-body],[data-part-pinned-rows]){-webkit-user-select:none;user-select:none}[data-ui-data-grid] [data-part-column-header][data-sortable]:not([data-disabled]):hover{background-color:var(--_head-surface-hover)}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]{--slotted-icon-size: var(--_icon-size);align-items:center;color:var(--_text);display:none;flex:none;font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;gap:var(--slotted-space-1, .125rem);line-height:1}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]>[data-ui-icon]{transition:rotate var(--_transition)}[data-ui-data-grid] [data-part-column-header][data-sorted]>[data-part-sort]{display:inline-flex}[data-ui-data-grid] [data-part-column-header][data-sorted=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]:before{content:attr(data-index);font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-data-grid] [data-part-column-header]>[data-part-sort]:not([data-index]):before{content:none}[data-ui-data-grid] [data-part-column-actions]{align-items:center;display:inline-flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--_line) - var(--_control)) / 2);margin-inline-start:auto}[data-ui-data-grid] [data-part-column-actions] *:has([data-part-filter]){display:contents}[data-ui-data-grid] [data-part-column-help],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter],[data-ui-data-grid] [data-part-expander],[data-ui-data-grid] [data-part-group-toggle],[data-ui-data-grid] [data-part-tree-toggle]{--slotted-icon-size: var(--_control-icon);align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;transition:background-color var(--_transition),color var(--_transition),opacity var(--_transition)}[data-ui-data-grid] [data-part-column-menu]{opacity:0}[data-ui-data-grid] [data-part-column-header] [data-part-filter]:not([data-filtered],[data-open]){display:none}[data-ui-data-grid] [data-part-column-header]:not([data-disabled]):hover [data-part-column-menu],[data-ui-data-grid] [data-part-column-header]:focus-within [data-part-column-menu],[data-ui-data-grid] [data-part-column-header][data-current] [data-part-column-menu],[data-ui-data-grid] [data-part-column-menu][data-open]{opacity:1}[data-ui-data-grid] [data-part-column-help]:not(:disabled):hover,[data-ui-data-grid] [data-part-column-help][data-open],[data-ui-data-grid] [data-part-column-menu]:not(:disabled):hover,[data-ui-data-grid] [data-part-column-header] [data-part-filter]:not(:disabled):hover,[data-ui-data-grid] [data-part-group-toggle]:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui-data-grid] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] [data-part-column-help]:focus-visible,[data-ui-data-grid] [data-part-column-menu]:focus-visible,[data-ui-data-grid] [data-part-column-header] [data-part-filter]:focus-visible,[data-ui-data-grid] [data-part-expander]:focus-visible,[data-ui-data-grid] [data-part-group-toggle]:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-grid] [data-part-column-description],[data-ui-data-grid] [data-part-popin-header]{block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-ui-menu] [data-part-column-menu-description]{grid-column:1 / -1;border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-md, 1.5);margin-block-end:var(--slotted-space-2, .25rem);max-inline-size:18rem;padding-block:var(--slotted-space-2, .25rem) var(--slotted-space-3, .375rem);padding-inline:var(--slotted-control-padding-inline-sm, .625rem)}[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-filtered],[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-open]{color:var(--slotted-tone-accent-text, CanvasText)}[data-ui-data-grid] [data-part-column-header] [data-part-filter][data-filtered]:not(:disabled):hover{background-color:var(--slotted-tone-accent-surface, Canvas)}[data-ui-data-grid] [data-part-expander]>[data-ui-icon],[data-ui-data-grid] [data-part-group-toggle]>[data-ui-icon],[data-ui-data-grid] button[data-part-tree-toggle]>[data-ui-icon]{transition:rotate var(--_transition)}[data-ui-data-grid] [data-part-expander][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid] button[data-part-tree-toggle][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid] [data-part-group-row][aria-expanded=true] [data-part-group-toggle]>[data-ui-icon]{rotate:90deg}[data-ui-data-grid]:dir(rtl) [data-part-expander]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) [data-part-group-toggle]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) button[data-part-tree-toggle]>[data-ui-icon]{rotate:180deg}[data-ui-data-grid]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) button[data-part-tree-toggle][aria-expanded=true]>[data-ui-icon],[data-ui-data-grid]:dir(rtl) [data-part-group-row][aria-expanded=true] [data-part-group-toggle]>[data-ui-icon]{rotate:90deg}[data-ui-data-grid] [data-part-cell][data-tree],[data-ui-data-grid] [data-part-row-header][data-tree]{gap:var(--slotted-space-1, .125rem);padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level, 1) - 1))}[data-ui-data-grid] [data-part-tree-toggle][data-empty]{cursor:default}[data-ui-data-grid] button[data-part-tree-toggle]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] button[data-part-tree-toggle][data-loading]>[data-ui-icon]{animation:slotted-data-grid-turn var(--slotted-duration-loop) linear infinite;rotate:0deg}@keyframes slotted-data-grid-turn{to{rotate:1turn}}[data-ui-data-grid] [data-part-cell][data-kind=drag]{justify-content:center;padding-inline:0}[data-ui-data-grid] [data-part-row-handle]{--slotted-icon-size: var(--_control-icon);align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:grab;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;touch-action:none;transition:background-color var(--_transition),color var(--_transition),opacity var(--_transition)}[data-ui-data-grid] [data-part-row-handle]:not([data-disabled]):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-data-grid] [data-part-row-handle][data-disabled]{cursor:default;opacity:.5}[data-ui-data-grid] [data-part-row][data-dragging]{opacity:.5}[data-ui-data-grid] [data-part-row][data-dragging] [data-part-row-handle]{cursor:grabbing}[data-ui-data-grid] [data-part-resizer]{cursor:col-resize;inline-size:var(--slotted-target-min, 24px);inset-block:0;inset-inline-end:calc(var(--slotted-target-min, 24px) / -2);position:absolute;touch-action:none;z-index:1}[data-ui-data-grid] [data-part-header-row]>[data-part-column-header]:last-child>[data-part-resizer]{inline-size:calc(var(--slotted-target-min, 24px) / 2);inset-inline-end:0}[data-ui-data-grid] [data-part-resizer]:after{background-color:transparent;block-size:100%;content:\"\";inline-size:var(--slotted-border-width-thick, 2px);inset-inline-start:calc(50% - var(--slotted-border-width-thick, 2px) / 2);position:absolute;transition:background-color var(--_transition)}[data-ui-data-grid] [data-part-resizer]:not([data-disabled]):hover:after{background-color:var(--_rule-strong)}[data-ui-data-grid] [data-part-resizer][data-resizing]:after,[data-ui-data-grid] [data-part-column-header][data-resizing]>[data-part-resizer]:after{background-color:var(--_cursor)}[data-ui-data-grid] [data-part-column-header][data-dragging]{opacity:.5}[data-ui-data-grid] [data-part-column-header][data-drop-target]{background-color:var(--_head-surface-hover)}[data-ui-data-grid] [data-part-drop-indicator]{background-color:var(--_cursor);block-size:100%;inline-size:var(--slotted-border-width-thick, 2px);inset-block-start:var(--slotted-data-grid-drop-scroll, 0px);inset-inline-start:calc(var(--slotted-data-grid-drop-offset, 0px) - var(--slotted-border-width-thick, 2px) / 2);pointer-events:none;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 3)}[data-ui-data-grid] [data-part-drop-indicator][data-axis=row]{block-size:var(--slotted-border-width-thick, 2px);inline-size:100cqi;inset-block-start:calc(var(--slotted-data-grid-drop-offset, 0px) - var(--slotted-border-width-thick, 2px) / 2);inset-inline-start:var(--slotted-data-grid-drop-scroll, 0px)}[data-ui-data-grid] [data-part-filter-row]>[data-part-filter-cell]{--slotted-focus-ring-width: 0px;--slotted-select-open-border-color: transparent;--slotted-multi-select-open-border-color: transparent;align-items:center;background-color:var(--_band-surface);box-sizing:border-box;display:flex;min-block-size:var(--_head-block);min-inline-size:0;padding:0;position:relative}[data-ui-data-grid] [data-part-filter-row]>[data-part-filter-cell]:focus-within{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [data-part-filter-cell]>[data-part-filter-operand],[data-ui-data-grid] [data-part-filter-cell]>:not([data-part])>[data-part-filter-operand]{align-items:center;display:flex;flex:1 1 auto;margin:var(--_ring-width);min-inline-size:0;overflow:clip;white-space:nowrap}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand]>[data-part-root][data-variant=plain],[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand]>:not([data-part])>[data-part-root][data-variant=plain]{--slotted-control-padding-inline-sm: var(--slotted-space-3, .375rem);--slotted-control-height-sm: calc(var(--_head-block) - var(--_ring-width) * 2);flex:1 1 auto;min-inline-size:0}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>[data-part-root],[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>:not([data-part])>[data-part-root]{flex:1 1 0;inline-size:0}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]:before{color:var(--_muted);content:\"\\2013\";order:2}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>[data-part-root]:last-child,[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operand][data-range]>:not([data-part]):last-child>[data-part-root]{order:3}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]{display:inline-flex;flex:none;padding-inline-start:var(--slotted-space-3, .375rem)}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button{align-items:center;background-color:transparent;block-size:var(--slotted-control-inner-size-sm, 22px);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-semibold, 600);inline-size:var(--slotted-control-inner-size-sm, 22px);justify-content:center;line-height:1;padding:0;transition:background-color var(--_transition),color var(--_transition)}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button:not(:disabled):hover{background-color:var(--_head-surface-hover);color:var(--_text)}[data-ui-data-grid] [data-part-filter-cell] [data-part-filter-operator]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-grid] [data-part-filter-cell][data-filtered] [data-part-filter-operator]>button{color:var(--slotted-tone-accent-text, CanvasText)}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel]){--slotted-popover-measure-sm: calc( var(--slotted-data-grid-filter-panel-size, 24rem) + 2 * (var(--slotted-popover-gap, .5rem) + var(--slotted-border-width-thin, 1px)) )}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel][data-kind=date]){--slotted-data-grid-filter-panel-size: var(--slotted-data-grid-filter-panel-size-date, 28rem)}[data-ui-popover]:has(>[data-part-content] [data-ui-data-grid][data-part-filter-panel][data-kind=datetime]){--slotted-data-grid-filter-panel-size: var( --slotted-data-grid-filter-panel-size-datetime, 34rem )}[data-ui-data-grid][data-part-filter-panel]{--_operator-size: var(--slotted-data-grid-filter-operator-size, 7rem);--_panel-gap: var(--slotted-space-3, .375rem);box-sizing:border-box;color:var(--slotted-text, CanvasText);display:grid;font-family:var(--slotted-control-font-family);font-size:var(--slotted-control-font-size-sm, 12px);gap:var(--_panel-gap);grid-template-columns:max-content var(--_operator-size) minmax(0,1fr);inline-size:var(--slotted-data-grid-filter-panel-size, 24rem);max-inline-size:100%;padding:var(--slotted-popover-padding-block-sm, var(--slotted-space-4, .5rem)) var(--slotted-popover-padding-inline-sm, var(--slotted-space-5, .75rem))}[data-ui-data-grid][data-part-filter-panel]>[data-part-filter-condition]{align-items:center;display:grid;gap:var(--_panel-gap);grid-column:1 / -1;grid-template-columns:subgrid}[data-ui-data-grid][data-part-filter-panel]>[data-part-filter-condition]:first-child>[data-part-filter-operator]{grid-column:2}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-join]{grid-column:1}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operator]{grid-column:2;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]{align-items:center;display:flex;gap:var(--_panel-gap);grid-column:3;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-condition][data-operands=\"0\"]>[data-part-filter-operand]{display:none}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]>*{flex:1 1 0;inline-size:0;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]:before{color:var(--slotted-text-muted);content:\"\\2013\";order:1}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand][data-range]>:last-child{order:2}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]>[data-part-root],[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand]>:not([data-part])>[data-part-root]{flex:1 1 auto;min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-operand] [data-part-input]{min-inline-size:0}[data-ui-data-grid][data-part-filter-panel] [data-part-filter-actions]{display:flex;gap:var(--_panel-gap);grid-column:1 / -1;justify-content:end;margin-block-start:var(--slotted-space-2, .25rem)}[data-ui-data-grid]>[data-part-scroll]>[data-part-body]{box-sizing:border-box;block-size:var(--slotted-data-grid-window-total, auto);padding-block-start:var(--slotted-data-grid-window-start, 0)}[data-ui-data-grid] [data-part-row]{background-color:var(--_surface);transition:background-color var(--_transition)}[data-ui-data-grid][data-rows=fixed]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{block-size:var(--_row-block);grid-auto-rows:var(--_track)}[data-ui-data-grid][data-rows=auto]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{grid-auto-rows:minmax(var(--_track),auto)}[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>:is([role=gridcell],[role=rowheader]):not([data-part-popin]){max-block-size:var(--_row-max-block);overflow-y:clip}[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>[role=gridcell],[data-ui-data-grid][data-rows=auto] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>[role=rowheader]{align-items:start}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed])>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows]){--_track: calc(var(--_row-block) - var(--_rule-width))}[data-ui-data-grid]>[data-part-scroll]>[data-part-body]>[data-part-row],[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows]>[data-part-row]{--_cell-control: calc( var(--_track) - var(--_ring-width) * 2 - var(--slotted-space-1, .125rem) * 2 );--slotted-control-height-sm: min(var(--_control-height-sm), var(--_cell-control));--slotted-control-height-md: min(var(--_control-height-md), var(--_cell-control));--slotted-control-height-lg: min(var(--_control-height-lg), var(--_cell-control));--slotted-target-min: min(var(--_target-min), var(--_cell-control))}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row],[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row],[data-ui-data-grid]>[data-part-scroll]>[data-part-loader]>[role=row]{grid-auto-rows:minmax(var(--_head-block),auto)}[data-ui-data-grid] [data-part-cell],[data-ui-data-grid] [data-part-row-header],[data-ui-data-grid] [data-part-summary-cell],[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[role=row]>[data-part-selection]{align-items:center;box-sizing:border-box;display:flex;min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui-data-grid] [data-part-cell]:not([data-pinned]){position:relative}[data-ui-data-grid] [data-part-cell]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-row-header]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-summary-cell]>span:not([data-ui],[data-part]){flex:1 1 auto;min-inline-size:0;unicode-bidi:plaintext}[data-ui-data-grid] [data-part-cell]>[data-ui]:not([data-part]){flex:0 0 auto;max-inline-size:100%}[data-ui-data-grid] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part-body],[data-part-pinned-rows])>[role=row]{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-data-grid]:is([data-variant=ruled],[data-variant=framed]) :is([data-part-body],[data-part-pinned-rows])>[role=row]:last-child{border-block-end-color:transparent}[data-ui-data-grid][data-striped]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-data-grid] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-data-grid] [role=gridcell][data-current]:not([data-editing]),[data-ui-data-grid] [role=rowheader][data-current]:not([data-editing]),[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest)}[data-ui-data-grid] [role=row]>[role=gridcell]:focus-visible:not([data-editing]),[data-ui-data-grid] [role=row]>[role=rowheader]:focus-visible:not([data-editing]),[data-ui-data-grid] [role=row]>[role=columnheader]:focus-visible{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [role=gridcell][data-current]:not([data-editing],[data-part-filter-cell]):focus-within:not(:focus){outline:none}[data-ui-data-grid] [data-part-cell][data-in-range]{background-color:var(--_range)}[data-ui-data-grid] [data-part-cell][data-range-edge]:before{border:0 solid var(--_cursor);content:\"\";inset:0 0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute}[data-ui-data-grid] [data-part-cell][data-range-edge~=top]:before{border-block-start-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-range-edge~=bottom]:before{border-block-end-width:var(--_ring-width);inset-block-end:0}[data-ui-data-grid] [data-part-cell][data-range-edge~=start]:before{border-inline-start-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-range-edge~=end]:before{border-inline-end-width:var(--_ring-width)}[data-ui-data-grid] [data-part-cell][data-editing]{--slotted-control-padding-inline-sm: var(--_pad-inline);--slotted-control-padding-inline-md: var(--_pad-inline);--slotted-control-padding-inline-lg: var(--_pad-inline);--slotted-control-height-sm: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-md: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-height-lg: calc(var(--_track) - var(--_ring-width) * 2);--slotted-control-font-size-sm: var(--_font-size);--slotted-focus-ring-width: 0px;--slotted-select-open-border-color: transparent;--slotted-multi-select-open-border-color: transparent;box-shadow:inset 0 0 0 var(--_ring-width) var(--_cursor-rest);padding:0}[data-ui-data-grid] [data-part-cell][data-editing][data-current]{box-shadow:none;outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_ring-width) * -1)}[data-ui-data-grid] [data-part-cell][data-editing][data-invalid]{--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid);--_invalid-ring: calc(var(--_ring-width) + var(--slotted-control-invalid-edge-width, 1px));box-shadow:none;outline:var(--_invalid-ring) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--_invalid-ring) * -1)}[data-ui-data-grid] [data-numeric][data-editing] [data-part-input]{text-align:end}[data-ui-data-grid] [data-part-cell]>[data-part-editor]{display:flex;flex:1 1 auto;margin:var(--_ring-width);min-inline-size:0}[data-ui-data-grid] [data-part-cell]>[data-part-editor]>[data-part-root],[data-ui-data-grid] [data-part-cell]>[data-part-editor]>:not([data-part])>[data-part-root]{flex:1 1 auto;min-inline-size:0}[data-ui-data-grid] [data-part-cell][data-changed=a]{animation:slotted-data-grid-changed-a var(--slotted-data-grid-changed-duration, var(--slotted-duration-long)) var(--slotted-easing-standard, ease-out) forwards}[data-ui-data-grid] [data-part-cell][data-changed=b]{animation:slotted-data-grid-changed-b var(--slotted-data-grid-changed-duration, var(--slotted-duration-long)) var(--slotted-easing-standard, ease-out) forwards}@keyframes slotted-data-grid-changed-a{0%,35%{background-color:var(--_changed)}to{background-color:transparent}}@keyframes slotted-data-grid-changed-b{0%,35%{background-color:var(--_changed)}to{background-color:transparent}}@media(prefers-reduced-motion:reduce){[data-ui-data-grid] [data-part-cell][data-changed]{animation:none;background-color:var(--_changed)}[data-ui-data-grid] button[data-part-tree-toggle][data-loading]>[data-ui-icon]{animation:none}}[data-ui-data-grid] [data-part-cell][data-invalid]:not([data-editing]):after{border-block-start:var(--slotted-space-3, .375rem) solid var(--slotted-tone-danger-border);border-inline-start:var(--slotted-space-3, .375rem) solid transparent;content:\"\";inset-block-start:0;inset-inline-end:0;pointer-events:none;position:absolute;z-index:1}[data-ui-data-grid] [data-part-cell][data-loading]{color:var(--_muted)}[data-ui-data-grid] [data-part-cell][data-readonly]{cursor:default}[data-ui-data-grid] [data-align=start]{justify-content:start;text-align:start}[data-ui-data-grid] [data-align=center]{justify-content:center;text-align:center}[data-ui-data-grid] [data-align=end]{justify-content:end;text-align:end}[data-ui-data-grid] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-data-grid] [data-numeric]:not([data-align]){justify-content:end;text-align:end}[data-ui-data-grid] [data-text=truncate]>span:not([data-ui],[data-part]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-data-grid] [data-text=nowrap]>span:not([data-ui],[data-part]){overflow:hidden;white-space:nowrap}[data-ui-data-grid] [data-text=wrap]>span:not([data-ui],[data-part]){overflow-wrap:anywhere}[data-ui-data-grid] [data-pinned=start]{background-color:inherit;inset-inline-start:var(--slotted-data-grid-pin-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-data-grid] [data-pinned=end]{background-color:inherit;inset-inline-end:var(--slotted-data-grid-pin-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-data-grid]>[data-part-scroll]>[data-part-head] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-data-grid][data-variant=plain]>[data-part-scroll]>[data-part-head] [data-pinned],[data-ui-data-grid][data-variant=plain]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_surface)}[data-ui-data-grid] [data-part-filter-row]>[data-pinned]{background-color:var(--_band-surface)}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]>[data-pinned]{background-color:var(--_selected)}[data-ui-data-grid] [data-pinned][data-pin-edge]:after{background-color:var(--_rule);content:\"\";inline-size:var(--_rule-width);inset-block:0 calc(var(--_rule-width) * -1);pointer-events:none;position:absolute;z-index:1}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[role=row]:last-child>[data-pin-edge]:after{inset-block-end:0}[data-ui-data-grid] [data-pinned=start][data-pin-edge]:after{inset-inline-end:0}[data-ui-data-grid] [data-pinned=end][data-pin-edge]:after{inset-inline-start:0}[data-ui-data-grid][data-popin] [data-pinned][data-pin-edge]:after{background-color:transparent}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after,[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-color:transparent;inline-size:calc(var(--_rule-width) + var(--_edge-shadow-size))}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to right,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent);inset-inline-end:calc(var(--_edge-shadow-size) * -1)}[data-ui-data-grid] [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to left,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent);inset-inline-start:calc(var(--_edge-shadow-size) * -1)}[data-ui-data-grid]:dir(rtl) [data-part-scroll][data-overflowing]:not([data-at-start]) [data-pinned=start][data-pin-edge]:after{background-image:linear-gradient(to left,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent)}[data-ui-data-grid]:dir(rtl) [data-part-scroll][data-overflowing]:not([data-at-end]) [data-pinned=end][data-pin-edge]:after{background-image:linear-gradient(to right,var(--_rule) var(--_rule-width),var(--_edge-shadow) var(--_rule-width),transparent)}[data-ui-data-grid] [role=row]>[data-part-selection]{--slotted-selection-halo-opacity: 0;justify-content:center;padding-inline:0}[data-ui-data-grid] [role=row]>[data-part-selection]{background-color:inherit;inset-inline-start:0;position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-data-grid]>[data-part-scroll]>[data-part-head]>[role=row]>[data-part-selection]{background-color:var(--_head-surface);inset-inline-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row][data-selected]>[data-part-selection]{background-color:var(--_selected)}[data-ui-data-grid] [role=row]>[data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-data-grid] [data-part-cell][data-kind=expander]{justify-content:center;padding-inline:0}[data-ui-data-grid] [data-part-detail]{background-color:var(--slotted-surface-sunken, Canvas)}[data-ui-data-grid] [data-part-detail]>*{background-color:var(--slotted-surface-sunken, Canvas);box-sizing:border-box;grid-column:1 / -1;padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--_pad-inline);position:sticky;inset-inline-start:0;max-inline-size:100cqi}[data-ui-data-grid][data-popin]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{grid-template-rows:minmax(var(--_track),auto) auto}[data-ui-data-grid][data-popin]>[data-part-scroll]>[data-part-summary]>[role=row]{grid-template-rows:minmax(var(--_head-block),auto) auto}[data-ui-data-grid][data-popin] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]>:is([role=gridcell],[role=rowheader]):not([data-part-popin]){align-items:center}[data-ui-data-grid] [data-part-popin]{align-content:start;box-sizing:border-box;column-gap:var(--slotted-space-4, .5rem);display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));inset-inline-start:0;max-inline-size:100cqi;min-inline-size:0;padding-block:0 var(--_pad-block);padding-inline:calc(var(--slotted-data-grid-leading, 0px) + var(--_pad-inline)) var(--_pad-inline);position:sticky;row-gap:var(--slotted-space-2, .25rem);container:slotted-data-grid-popin / inline-size}@container slotted-data-grid (width < 600px){[data-ui-data-grid] [data-part-popin]{padding-inline-start:var(--_pad-inline)}}[data-ui-data-grid] [data-part-popin-field]{display:flex;flex-direction:column;min-inline-size:0}@container slotted-data-grid-popin (width < 19rem){[data-ui-data-grid] [data-part-popin-field]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr)}}[data-ui-data-grid] [data-part-popin-label]{color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-regular, 400);overflow-wrap:anywhere}[data-ui-data-grid] [data-part-popin-value]{align-items:center;display:flex;gap:var(--_gap);justify-content:start;min-block-size:var(--_line);min-inline-size:0;text-align:start}[data-ui-data-grid] [data-part-popin-value][data-text]>span:not([data-ui],[data-part]),[data-ui-data-grid] [data-part-popin-value]>span:not([data-ui],[data-part]){flex:0 1 auto;min-inline-size:0;overflow:visible;overflow-wrap:anywhere;text-align:left;text-overflow:clip;unicode-bidi:plaintext;white-space:normal}[data-ui-data-grid]:dir(rtl) [data-part-popin-value]>span:not([data-ui],[data-part]){text-align:right}[data-ui-data-grid] [data-part-popin-value]>[data-ui]:not([data-part]){flex:0 0 auto;max-inline-size:100%}[data-ui-data-grid] [data-part-group-row]{background-color:var(--_band-surface);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]{align-items:center;box-sizing:border-box;display:flex;gap:var(--_gap);min-block-size:var(--_row-block);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]:first-child{padding-inline-start:calc(var(--_pad-inline) + var(--_indent) * (var(--slotted-data-grid-level, 1) - 1));position:sticky;inset-inline-start:0}[data-ui-data-grid] [data-part-group-row]>[role=gridcell]:first-child>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-data-grid] [data-part-group-row] [data-count]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-data-grid] [data-part-group-row] [data-aggregate]{color:var(--_muted);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-data-grid] [data-part-group-toggle]{margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);margin-inline-start:calc(var(--slotted-space-2, .25rem) * -1)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]{inset-block-end:var(--slotted-data-grid-sticky-offset-end, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-summary]{position:static}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows]{background-color:var(--_surface);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows][data-edge=top]{border-block-end:var(--_rule-width) solid var(--_rule-strong);inset-block-start:calc(var(--slotted-data-grid-sticky-offset, 0px) + var(--slotted-data-grid-pinned-top-offset, 0px))}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows][data-edge=bottom]{border-block-start:var(--_rule-width) solid var(--_rule-strong);inset-block-end:calc(var(--slotted-data-grid-sticky-offset-end, 0px) + var(--slotted-data-grid-pinned-bottom-offset, 0px))}[data-ui-data-grid]:not([data-sticky-header])>[data-part-scroll]>[data-part-pinned-rows]{position:static}[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows] [data-pinned]{background-color:var(--_surface)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary]>[role=row]{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong)}[data-ui-data-grid] [data-part-summary-cell]{background-color:var(--_head-surface);font-weight:var(--slotted-font-weight-semibold, 600);min-block-size:var(--_head-block)}[data-ui-data-grid]>[data-part-scroll]>[data-part-summary] [data-pinned]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-data-grid] [data-part-summary-cell] [data-label]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400);margin-inline-end:var(--slotted-space-2, .25rem)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]{align-items:center;block-size:var(--_line);display:inline-flex;gap:var(--slotted-space-1, .125rem);opacity:0;transition:opacity var(--_transition)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button{align-items:center;background-color:transparent;block-size:var(--_control);border:0;border-radius:var(--slotted-data-grid-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_control);justify-content:center;padding:0;transition:background-color var(--_transition),color var(--_transition)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button :is(svg,img){block-size:var(--_control-icon);inline-size:var(--_control-icon)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button:not(:disabled):hover{background-color:color-mix(in oklab,var(--slotted-text, CanvasText) 7%,transparent);color:var(--_text)}[data-ui-data-grid] [data-part-cell]>[data-part-actions]>button:focus-visible{outline:var(--_ring-width) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-data-grid] [data-part-row]:not([data-disabled]):hover [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row]:focus-within [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row][data-current] [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-row][data-editing] [data-part-cell]>[data-part-actions]{opacity:1}@media(pointer:coarse){[data-ui-data-grid] [data-part-cell]>[data-part-actions],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter]{opacity:1}[data-ui-data-grid][data-part-root]{--_control: min( var(--slotted-target-comfortable, 44px), calc(min(var(--_row-block), var(--_head-block)) - var(--_ring-width) * 2) );--_target: var(--slotted-target-comfortable, 44px);--_reach: max(0px, calc((var(--_target) - var(--_control)) / 2))}[data-ui-data-grid] [data-part-column-help],[data-ui-data-grid] [data-part-column-menu],[data-ui-data-grid] [data-part-column-header] [data-part-filter],[data-ui-data-grid] [data-part-expander],[data-ui-data-grid] [data-part-group-toggle],[data-ui-data-grid] [data-part-tree-toggle],[data-ui-data-grid] [data-part-row-handle]{background-clip:content-box;box-sizing:content-box;margin:calc(var(--_reach) * -1);padding:var(--_reach)}}[data-ui-data-grid]>[data-part-scroll]>[data-part-empty]{align-items:center;box-sizing:border-box;display:flex;inline-size:100cqi;inset-inline-start:0;justify-content:center;min-block-size:calc(var(--_row-block) * 6);padding:var(--slotted-space-8, 1.5rem);position:sticky}[data-ui-data-grid]>[data-part-scroll]>[data-part-loader]>[data-part-row]>*{align-items:center;box-sizing:border-box;display:flex;min-block-size:max(var(--_row-block),var(--slotted-data-grid-loader-row-size, 0px));min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-data-grid][aria-busy=true]>[data-part-scroll]>[data-part-body]{opacity:.55;pointer-events:none;transition:opacity var(--_transition)}[data-ui-data-grid]>[data-part-footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);box-sizing:border-box;display:flex;flex:none;flex-wrap:wrap;gap:var(--_gap);min-block-size:calc(var(--_head-block) + var(--_pad-block) * 2);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-data-grid]>[data-part-footer]>:last-child{display:flex;flex:1 1 auto;justify-content:flex-end;min-inline-size:0}[data-ui-data-grid]>[data-part-footer] [data-range]{color:var(--_muted);flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}@media(forced-colors:active){[data-ui-data-grid] [role=gridcell][data-current],[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:inset 0 0 0 var(--_ring-width) Highlight}[data-ui-data-grid] [data-part-cell][data-in-range]{background-color:Highlight;color:HighlightText}[data-ui-data-grid] [data-part-drop-indicator]{background-color:Highlight}[data-ui-data-grid] [data-part-cell][data-changed]{animation:none;background-color:Highlight;color:HighlightText}[data-ui-data-grid] [data-part-resizer]:after{forced-color-adjust:none}}@media print{[data-ui-data-grid][data-part-root]{block-size:auto;break-inside:auto}[data-ui-data-grid]>[data-part-scroll]{overflow:visible}[data-ui-data-grid]>[data-part-scroll]>[data-part-head],[data-ui-data-grid]>[data-part-scroll]>[data-part-summary],[data-ui-data-grid]>[data-part-scroll]>[data-part-empty],[data-ui-data-grid]>[data-part-scroll]>[data-part-pinned-rows],[data-ui-data-grid] [data-pinned]{position:static}[data-ui-data-grid] [data-pinned]{box-shadow:none}[data-ui-data-grid] [data-part-column-actions],[data-ui-data-grid] [data-part-row-handle],[data-ui-data-grid] [data-part-resizer],[data-ui-data-grid] [data-part-drop-indicator],[data-ui-data-grid] [data-part-loader]{display:none}[data-ui-data-grid] [role=gridcell][data-current],[data-ui-data-grid] [role=rowheader][data-current],[data-ui-data-grid] [role=columnheader][data-current]{box-shadow:none}[data-ui-data-grid] :is([data-part-body],[data-part-pinned-rows])>[data-part-row]{break-inside:avoid}[data-ui-data-grid]>[data-part-scroll]>:is([data-part-body],[data-part-pinned-rows])>[data-part-row]{--_hover: transparent}}}\n", "@layer slotted.components{[data-ui-checkbox][data-part-root]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-checkbox-line-height, var(--slotted-line-height-md, 1.5));--_mark-inset: var(--slotted-checkbox-mark-inset, 2px);--_mark-size: calc(var(--_size) - 2 * var(--_mark-inset));--_halo-spread: calc(var(--_gap) / 2);--_target: var(--slotted-target-min, 24px);--_lift: calc((var(--_font-size) * var(--_line-height) - var(--_size)) / 2);--_description-gap: var(--slotted-space-3, .375rem);align-content:start;color:var(--slotted-checkbox-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);isolation:isolate;line-height:var(--_line-height);position:relative}[data-ui-checkbox][data-part-root]{--_direction: ltr}[data-ui-checkbox][data-part-root]:dir(rtl){--_direction: rtl}[data-ui-checkbox][data-part-root][data-size=sm]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-sm, 14px));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-sm, 10px) )}[data-ui-checkbox][data-part-root][data-size=md]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-md, 16px));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-md, 13px) )}[data-ui-checkbox][data-part-root][data-size=lg]{--_size: var(--slotted-checkbox-size, var(--slotted-selection-size-lg, 18px));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px);--_tile-inset: var( --slotted-checkbox-tile-inset, var(--slotted-control-padding-inline-lg, 16px) )}[data-ui-checkbox] [data-part-control]{appearance:none;background-color:var(--slotted-checkbox-background, var(--slotted-surface, Canvas));border:var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) solid var(--slotted-checkbox-border-color, var(--slotted-border-strong, ButtonBorder));border-radius:var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px));block-size:var(--_size);box-sizing:border-box;cursor:pointer;grid-area:1 / 1;inline-size:var(--_size);margin:0;margin-block-start:var(--_lift);margin-block-end:var(--_lift);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-indicator]{--slotted-icon-size: var(--_mark-size);block-size:var(--_mark-size);clip-path:inset(0% 100% 0% 0%);color:var(--slotted-checkbox-mark-color, var(--slotted-tone-accent-on-solid));display:flex;grid-area:1 / 1;inline-size:var(--_mark-size);margin-block-start:calc(var(--_lift) + var(--_mark-inset));margin-inline-start:var(--_mark-inset);opacity:0;pointer-events:none;transition:clip-path var(--slotted-duration-medium) var(--slotted-control-transition-easing),opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:inset(0% 0% 0% 0%);opacity:1}@media(prefers-reduced-motion:reduce){[data-ui-checkbox] [data-part-indicator],[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{clip-path:none;transition:opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing)}}[data-ui-checkbox] [data-part-label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere}[data-ui-checkbox][data-part-root]:has(>[data-part-label]){column-gap:var(--_gap)}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]{justify-self:start;position:relative}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:before{block-size:var(--_target);content:\"\";direction:var(--_direction);inline-size:var(--_target);inset-block-start:calc(var(--_lift) + var(--_size) - var(--_target));inset-inline-start:calc((var(--_size) - var(--_target)) / 2 - var(--_size) - var(--_gap));position:absolute;z-index:-1}[data-ui-checkbox][data-part-root]:not([data-variant=tile]) [data-part-label]:after{background-color:var(--slotted-checkbox-halo-color, var(--slotted-tone-accent-text));border-radius:calc(var(--slotted-checkbox-radius, var(--slotted-radius-xs, 2px)) + var(--_halo-spread));content:\"\";direction:var(--_direction);inset-block:calc(var(--_lift) - var(--_halo-spread));inset-inline-end:calc(-1.5 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));opacity:0;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:-1}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start]){column-gap:0}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:before{inset-inline-start:calc(-1 * var(--_target))}[data-ui-checkbox][data-part-root]:is([data-label-hidden],:has(>[data-part-label]:empty)):not([data-label-placement=start],[data-variant=tile]) [data-part-label]:after{inset-inline-end:calc(-1 * var(--_halo-spread));inset-inline-start:calc(-1 * (var(--_size) + var(--_halo-spread)))}[data-ui-checkbox] [data-part-description]{color:var(--slotted-checkbox-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-checkbox-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui-checkbox][data-part-root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-control],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-indicator]{grid-area:1 / 2}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label],[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-description]{grid-column:1}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]{justify-self:stretch}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:before{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap)));inset-inline-start:auto}[data-ui-checkbox][data-part-root][data-label-placement=start] [data-part-label]:after{inset-inline-end:calc(-1 * (var(--_size) + var(--_gap) + var(--_halo-spread)));inset-inline-start:calc(-1.5 * var(--_halo-spread))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled){border-color:var(--slotted-checkbox-hover-border-color, var(--slotted-tone-accent-border))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:hover:not(:disabled)~[data-part-label]:after,[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:not(:disabled)~[data-part-label]:hover:after{opacity:var(--slotted-selection-halo-opacity, .12)}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:active:not(:disabled){background-color:var( --slotted-checkbox-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:var(--slotted-checkbox-checked-background, var(--slotted-tone-accent-solid));border-color:var(--slotted-checkbox-checked-border-color, var(--slotted-tone-accent-solid))}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:hover:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:hover:not(:disabled){background-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) );border-color:var( --slotted-checkbox-checked-hover-background, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:checked:active:not(:disabled),[data-ui-checkbox][data-part-root]:not([data-readonly]) [data-part-control]:indeterminate:active:not(:disabled){background-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) );border-color:var( --slotted-checkbox-checked-active-background, var(--slotted-tone-accent-solid-active) )}[data-ui-checkbox] [data-part-control]: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-checkbox][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-checkbox-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]{border-width:calc(var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)));border-color:var(--slotted-checkbox-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );border-color:var( --slotted-checkbox-invalid-checked-background, var(--slotted-tone-danger-solid) );box-shadow:inset 0 0 0 var(--slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)) var(--slotted-surface, Canvas)}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control],[data-ui-checkbox][data-part-root][data-readonly] [data-part-label]{cursor:default}[data-ui-checkbox][data-part-root][data-readonly] [data-part-control]:not(:checked):not(:indeterminate){background-color:var( --slotted-checkbox-readonly-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-checkbox][data-part-root][data-disabled] [data-part-control],[data-ui-checkbox] [data-part-control]:disabled{background-color:var( --slotted-checkbox-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-checkbox-disabled-border-color, var(--slotted-disabled-border));cursor:not-allowed}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:var(--slotted-checkbox-disabled-mark-color, var(--slotted-disabled-foreground))}[data-ui-checkbox][data-part-root][data-disabled] [data-part-label],[data-ui-checkbox][data-part-root][data-disabled] [data-part-description],[data-ui-checkbox] [data-part-control]:disabled~[data-part-label],[data-ui-checkbox] [data-part-control]:disabled~[data-part-description]{color:var(--slotted-checkbox-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]{--_description-gap: var( --slotted-checkbox-tile-description-gap, var(--slotted-space-2, .25rem) );--_tile-surface: var(--slotted-checkbox-tile-background, var(--slotted-surface, Canvas));--_tile-edge: var( --slotted-checkbox-tile-border-color, var(--slotted-control-border-color, ButtonBorder) );--_tile-edge-width: var(--slotted-control-border-width, 1px);background-color:var(--_tile-surface);border-radius:var(--slotted-checkbox-tile-radius, var(--slotted-radius-md, 6px));box-shadow:var(--slotted-control-shadow, none);cursor:pointer;padding:var(--_tile-inset);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile]:before{border:calc(var(--_tile-edge-width) + var(--_tile-invalid-edge, 0px)) solid var(--_tile-edge);border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-checkbox][data-part-root][data-variant=tile] [data-part-label]:after{content:\"\";inset:0;position:absolute}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):hover{--_tile-surface: var( --slotted-checkbox-tile-hover-background, var(--slotted-tone-accent-subtle-hover) );--_tile-edge: var( --slotted-checkbox-tile-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:not(:disabled)):not(:has([data-part-control]:is(:checked,:indeterminate))):active{--_tile-surface: var( --slotted-checkbox-tile-active-background, var(--slotted-tone-accent-subtle-active) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: var( --slotted-checkbox-tile-checked-border-color, var(--slotted-tone-accent-solid) );--_tile-edge-width: var(--slotted-border-width-thick, 2px)}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-checked-background, var(--slotted-tone-accent-surface) )}[data-ui-checkbox][data-part-root][data-variant=tile]:not([data-readonly]):not([data-disabled]):has([data-part-control]:is(:checked,:indeterminate):not(:disabled)):hover{--_tile-edge: var( --slotted-checkbox-tile-checked-hover-border-color, var(--slotted-tone-accent-solid-hover) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]{--_tile-edge: var( --slotted-checkbox-tile-invalid-border-color, var(--slotted-tone-danger-border) );--_tile-invalid-edge: var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-surface: var( --slotted-checkbox-tile-invalid-checked-background, var(--slotted-tone-danger-surface) );--_tile-edge: var( --slotted-checkbox-tile-invalid-checked-border-color, var(--slotted-tone-danger-solid) )}[data-ui-checkbox][data-part-root][data-variant=tile][data-readonly]{--_tile-surface: var( --slotted-checkbox-tile-readonly-background, var(--slotted-tone-secondary-subtle-hover) );--_tile-edge: var(--slotted-checkbox-tile-readonly-border-color, var(--slotted-border-strong));cursor:default}[data-ui-checkbox][data-part-root][data-variant=tile][data-disabled],[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]:disabled){--_tile-surface: var( --slotted-checkbox-tile-disabled-background, var(--slotted-disabled-background) );--_tile-edge: var( --slotted-checkbox-tile-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;cursor:not-allowed}[data-ui-checkbox][data-part-root][data-variant=tile]:has([data-part-control]: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-checkbox][data-part-root][data-variant=tile] [data-part-control]:focus-visible{outline:none}@media(forced-colors:active){[data-ui-checkbox] [data-part-control]{background-color:Field;border-color:FieldText}[data-ui-checkbox] [data-part-control]:checked,[data-ui-checkbox] [data-part-control]:indeterminate{background-color:Highlight;border-color:Highlight}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate{background-color:Highlight;border-color:CanvasText;outline:var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) solid Canvas;outline-offset:calc(-1 * (var(--slotted-checkbox-border-width, var(--slotted-border-width-medium, 1.5px)) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) ) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )))}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked:focus-visible,[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var( --slotted-checkbox-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) )) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-checkbox] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:checked+[data-part-indicator],[data-ui-checkbox][data-part-root][data-invalid] [data-part-control]:indeterminate+[data-part-indicator]{color:HighlightText}[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid],[data-ui-checkbox][data-part-root][data-variant=tile][data-invalid]:has([data-part-control]:is(:checked,:indeterminate)){--_tile-edge: CanvasText}[data-ui-checkbox] [data-part-control]:disabled{background-color:Field;border-color:GrayText}[data-ui-checkbox] [data-part-control]:disabled+[data-part-indicator]{color:GrayText}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { rowsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], columnGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnGroups", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], totalCountInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalCount", required: false }] }], hasMoreInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMore", required: false }] }], loadingInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], errorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], disabledKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledKeys", required: false }] }], highlightChanges: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightChanges", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], columnState: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnState", required: false }] }, { type: i0.Output, args: ["columnStateChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }, { type: i0.Output, args: ["rangeChange"] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }, { type: i0.Output, args: ["currentChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], expandedGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedGroups", required: false }] }, { type: i0.Output, args: ["expandedGroupsChange"] }], queryChangeRequest: [{ type: i0.Output, args: ["queryChangeRequest"] }], columnStateChangeRequest: [{ type: i0.Output, args: ["columnStateChangeRequest"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], rangeChangeRequest: [{ type: i0.Output, args: ["rangeChangeRequest"] }], currentChangeRequest: [{ type: i0.Output, args: ["currentChangeRequest"] }], expandedChangeRequest: [{ type: i0.Output, args: ["expandedChangeRequest"] }], expandedGroupsChangeRequest: [{ type: i0.Output, args: ["expandedGroupsChangeRequest"] }], editStart: [{ type: i0.Output, args: ["editStart"] }], editCommit: [{ type: i0.Output, args: ["editCommit"] }], editCancel: [{ type: i0.Output, args: ["editCancel"] }], activate: [{ type: i0.Output, args: ["activate"] }], loadMore: [{ type: i0.Output, args: ["loadMore"] }], loadChildren: [{ type: i0.Output, args: ["loadChildren"] }], rowsReorder: [{ type: i0.Output, args: ["rowsReorder"] }], retry: [{ type: i0.Output, args: ["retry"] }], manageColumns: [{ type: i0.Output, args: ["manageColumns"] }], outOfSpaceChange: [{ type: i0.Output, args: ["outOfSpaceChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], stickyTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyTo", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], editMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editMode", required: false }] }], filterRow: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterRow", required: false }] }], virtualize: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualize", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], columnOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnOverflow", required: false }] }], overscan: [{ type: i0.Input, args: [{ isSignal: true, alias: "overscan", required: false }] }], filterDebounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterDebounce", required: false }] }], loadMoreThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadMoreThreshold", required: false }] }], loadMoreTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadMoreTrigger", required: false }] }], loadMoreFailed: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadMoreFailed", required: false }] }], skeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "skeletonRows", required: false }] }], activatable: [{ type: i0.Input, args: [{ isSignal: true, alias: "activatable", required: false }] }], manageable: [{ type: i0.Input, args: [{ isSignal: true, alias: "manageable", required: false }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], tree: [{ type: i0.Input, args: [{ isSignal: true, alias: "tree", required: false }] }], rowsReorderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowsReorderable", required: false }] }], pinnedRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinnedRows", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], labelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledBy", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], showRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRange", required: false }] }], cellTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridCellTemplate), { isSignal: true }] }], editorTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridEditorTemplate), { isSignal: true }] }], headerTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridHeaderTemplate), { isSignal: true }] }], filterTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridFilterTemplate), { isSignal: true }] }], helpTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlDataGridColumnHelp), { isSignal: true }] }], detailTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlDataGridDetailTemplate), { isSignal: true }] }], groupTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlDataGridGroupTemplate), { isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlDataGridEmptyTemplate), { isSignal: true }] }], footerContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlDataGridFooter), { isSignal: true }] }], scrollRef: [{ type: i0.ViewChild, args: ['scroll', { isSignal: true }] }], columnMenus: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SlMenu), { isSignal: true }] }] } });
 
 function defaultStorage() {
     try {