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

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

@@ -1,15 +1,16 @@
+import { COMPACT_BELOW } from '@slotted/core/measure';
 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, clampWidth, 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';
 import { createControllable } from '@slotted/core/state';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, effect, inject, DestroyRef, InjectionToken, Injectable, TemplateRef, Directive, numberAttribute, booleanAttribute, model, contentChildren, contentChild, viewChild, viewChildren, ElementRef, Injector, HostAttributeToken, afterNextRender, untracked, forwardRef } from '@angular/core';
+import { input, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, signal, effect, inject, DestroyRef, InjectionToken, Injectable, TemplateRef, Directive, numberAttribute, booleanAttribute, model, contentChildren, contentChild, viewChild, viewChildren, ElementRef, Injector, HostAttributeToken, linkedSignal, afterNextRender, untracked, forwardRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { injectMessages, injectLocale } from '@slotted/angular/i18n';
 import { SlGlyph, SlIcon } from '@slotted/angular/icon';
@@ -254,7 +255,7 @@ class SlDataGridOperand {
         </div>
       }
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: SlDatePicker, selector: "[slDatePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "min", "max", "isDateUnavailable", "selectionMode", "months", "defaultView", "weekNumbers", "fixedWeeks", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "name", "messages"], outputs: ["valueChange", "openChange"], exportAs: ["slDatePicker"] }, { kind: "component", type: SlDateTimePicker, selector: "[slDateTimePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "highlighted", "defaultHighlighted", "min", "max", "minTime", "maxTime", "isDateUnavailable", "isTimeUnavailable", "step", "options", "maxOptions", "unavailableOptions", "locale", "timeZone", "hourCycle", "granularity", "calendar", "firstDayOfWeek", "months", "weekNumbers", "referenceDateTime", "size", "variant", "placement", "openTo", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "name", "messages"], outputs: ["valueChange", "openChange", "highlightedChange"], exportAs: ["slDateTimePicker"] }, { kind: "component", type: SlMultiSelect, selector: "sl-multi-select", inputs: ["value", "defaultValue", "inputValue", "open", "highlightedValue", "aria-label", "placeholder", "name", "form", "items", "total", "locale", "filter", "validateValue", "delimiters", "max", "size", "variant", "side", "align", "width", "mount", "strategy", "openOn", "overflow", "chosenOptions", "messages", "sideOffset", "alignOffset", "collisionPadding", "addOnPaste", "allowDuplicates", "commitOnBlur", "creatable", "editable", "reorderable", "highlightMatch", "clearable", "loop", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "inputValueChange", "inputValueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "valueRefuse", "loadMore"], exportAs: ["slMultiSelect"] }, { kind: "component", type: SlMultiSelectItem, selector: "sl-multi-select-item", inputs: ["value", "label", "disabled", "description", "icon", "position"], exportAs: ["slMultiSelectItem"] }, { kind: "component", type: SlNumberField, selector: "[slNumberField]", inputs: ["size", "variant", "stepper", "messages"], exportAs: ["slNumberField"] }, { kind: "directive", type: SlNumberFieldInput, selector: "input[slNumberFieldInput]", inputs: ["value", "defaultValue", "min", "max", "step", "largeStep", "smallStep", "stepFrom", "snapToStep", "clamp", "format", "formatOn", "locale", "wheel", "disabled", "readOnly", "invalid"], outputs: ["valueChange"], exportAs: ["slNumberFieldInput"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }, { kind: "component", type: SlTimePicker, selector: "[slTimePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "highlightedValue", "defaultHighlightedValue", "min", "max", "isTimeUnavailable", "step", "options", "maxOptions", "unavailableOptions", "locale", "timeZone", "hourCycle", "granularity", "referenceTime", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "name", "messages"], outputs: ["valueChange", "openChange", "highlightedValueChange"], exportAs: ["slTimePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: SlDatePicker, selector: "[slDatePicker]", inputs: ["value", "defaultValue", "granularity", "open", "defaultOpen", "min", "max", "isDateUnavailable", "selectionMode", "months", "defaultView", "weekNumbers", "fixedWeeks", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "name", "messages"], outputs: ["valueChange", "openChange"], exportAs: ["slDatePicker"] }, { kind: "component", type: SlDateTimePicker, selector: "[slDateTimePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "highlighted", "defaultHighlighted", "min", "max", "minTime", "maxTime", "isDateUnavailable", "isTimeUnavailable", "step", "options", "maxOptions", "unavailableOptions", "locale", "timeZone", "hourCycle", "granularity", "calendar", "firstDayOfWeek", "months", "weekNumbers", "referenceDateTime", "size", "variant", "placement", "openTo", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "name", "messages"], outputs: ["valueChange", "openChange", "highlightedChange"], exportAs: ["slDateTimePicker"] }, { kind: "component", type: SlMultiSelect, selector: "sl-multi-select", inputs: ["value", "defaultValue", "inputValue", "open", "highlightedValue", "aria-label", "placeholder", "name", "form", "items", "total", "locale", "filter", "validateValue", "delimiters", "max", "size", "variant", "side", "align", "width", "mount", "strategy", "openOn", "overflow", "chosenOptions", "messages", "sideOffset", "alignOffset", "collisionPadding", "addOnPaste", "allowDuplicates", "commitOnBlur", "creatable", "editable", "reorderable", "highlightMatch", "clearable", "loop", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "inputValueChange", "inputValueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "valueRefuse", "loadMore"], exportAs: ["slMultiSelect"] }, { kind: "component", type: SlMultiSelectItem, selector: "sl-multi-select-item", inputs: ["value", "label", "disabled", "description", "icon", "position"], exportAs: ["slMultiSelectItem"] }, { kind: "component", type: SlNumberField, selector: "[slNumberField]", inputs: ["size", "variant", "stepper", "messages"], exportAs: ["slNumberField"] }, { kind: "directive", type: SlNumberFieldInput, selector: "input[slNumberFieldInput]", inputs: ["value", "defaultValue", "min", "max", "step", "largeStep", "smallStep", "stepFrom", "snapToStep", "clamp", "format", "formatOn", "locale", "wheel", "disabled", "readOnly", "invalid"], outputs: ["valueChange"], exportAs: ["slNumberFieldInput"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }, { kind: "component", type: SlTimePicker, selector: "[slTimePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "highlightedValue", "defaultHighlightedValue", "min", "max", "isTimeUnavailable", "step", "options", "maxOptions", "unavailableOptions", "locale", "timeZone", "hourCycle", "granularity", "referenceTime", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "name", "messages"], outputs: ["valueChange", "openChange", "highlightedValueChange"], exportAs: ["slTimePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataGridOperand, decorators: [{
             type: Component,
@@ -689,11 +690,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 +717,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 +734,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 +776,7 @@ class SlDataGridFilterPanel {
           </div>
         </div>
       }
-      <div data-part="filter-actions">
+      <div data-part="filter-actions" data-part-filter-actions="">
         <button
           slButton
           type="button"
@@ -781,7 +793,7 @@ class SlDataGridFilterPanel {
         </button>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlDataGridOperand, selector: "sl-data-grid-operand", inputs: ["kind", "column", "value", "label", "t", "variant", "locale", "counts", "placeholder"], outputs: ["valueChange", "applyRequest"] }, { kind: "component", type: SlDataGridRangeOperand, selector: "sl-data-grid-range-operand", inputs: ["kind", "start", "end", "t", "variant", "locale"], outputs: ["rangeChange"] }, { kind: "component", type: SlSegment, selector: "[slSegment]", inputs: ["value", "disabled"], exportAs: ["slSegment"] }, { kind: "component", type: SlSegmentedControl, selector: "[slSegmentedControl]", inputs: ["value", "defaultValue", "name", "size", "orientation", "condense", "fullWidth", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slSegmentedControl"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, 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: SlDataGridOperand, selector: "sl-data-grid-operand", inputs: ["kind", "column", "value", "label", "t", "variant", "locale", "counts", "placeholder"], outputs: ["valueChange", "applyRequest"] }, { kind: "component", type: SlDataGridRangeOperand, selector: "sl-data-grid-range-operand", inputs: ["kind", "start", "end", "t", "variant", "locale"], outputs: ["rangeChange"] }, { kind: "component", type: SlSegment, selector: "[slSegment]", inputs: ["value", "disabled"], exportAs: ["slSegment"] }, { kind: "component", type: SlSegmentedControl, selector: "[slSegmentedControl]", inputs: ["value", "defaultValue", "name", "size", "orientation", "condense", "variant", "fullWidth", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slSegmentedControl"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataGridFilterPanel, decorators: [{
             type: Component,
@@ -799,11 +811,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 +838,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 +855,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 +897,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 +1051,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"
@@ -1081,7 +1105,7 @@ class SlDataGridFilterRowOperand {
         }
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlDataGridOperand, selector: "sl-data-grid-operand", inputs: ["kind", "column", "value", "label", "t", "variant", "locale", "counts", "placeholder"], outputs: ["valueChange", "applyRequest"] }, { kind: "component", type: SlDataGridRangeOperand, selector: "sl-data-grid-range-operand", inputs: ["kind", "start", "end", "t", "variant", "locale"], outputs: ["rangeChange"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlDataGridOperand, selector: "sl-data-grid-operand", inputs: ["kind", "column", "value", "label", "t", "variant", "locale", "counts", "placeholder"], outputs: ["valueChange", "applyRequest"] }, { kind: "component", type: SlDataGridRangeOperand, selector: "sl-data-grid-range-operand", inputs: ["kind", "start", "end", "t", "variant", "locale"], outputs: ["rangeChange"] }, { 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: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataGridFilterRowOperand, decorators: [{
             type: Component,
@@ -1099,10 +1123,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 +1262,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') {
@@ -1307,7 +1338,7 @@ class SlDataGridEditor {
         </div>
       }
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "size", "labelPlacement", "variant", "disabled", "readOnly", "invalid"], outputs: ["checkedChange"], exportAs: ["slCheckbox"] }, { kind: "component", type: SlDateField, selector: "[slDateField]", inputs: ["value", "defaultValue", "min", "max", "isDateUnavailable", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "messages", "name", "label", "groupId"], outputs: ["valueChange"], exportAs: ["slDateField"] }, { kind: "component", type: SlDateTimeField, selector: "[slDateTimeField]", inputs: ["value", "defaultValue", "min", "max", "minTime", "maxTime", "isDateUnavailable", "isTimeUnavailable", "locale", "timeZone", "hourCycle", "granularity", "calendar", "firstDayOfWeek", "yearPivot", "referenceDateTime", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "messages", "name", "label"], outputs: ["valueChange"], exportAs: ["slDateTimeField"] }, { kind: "component", type: SlNumberField, selector: "[slNumberField]", inputs: ["size", "variant", "stepper", "messages"], exportAs: ["slNumberField"] }, { kind: "directive", type: SlNumberFieldInput, selector: "input[slNumberFieldInput]", inputs: ["value", "defaultValue", "min", "max", "step", "largeStep", "smallStep", "stepFrom", "snapToStep", "clamp", "format", "formatOn", "locale", "wheel", "disabled", "readOnly", "invalid"], outputs: ["valueChange"], exportAs: ["slNumberFieldInput"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }, { kind: "component", type: SlTimeField, selector: "[slTimeField]", inputs: ["value", "defaultValue", "min", "max", "isTimeUnavailable", "locale", "timeZone", "hourCycle", "granularity", "referenceTime", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "messages", "name", "label"], outputs: ["valueChange"], exportAs: ["slTimeField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ 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: SlDateField, selector: "[slDateField]", inputs: ["value", "defaultValue", "granularity", "min", "max", "isDateUnavailable", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "messages", "name", "label", "groupId"], outputs: ["valueChange"], exportAs: ["slDateField"] }, { kind: "component", type: SlDateTimeField, selector: "[slDateTimeField]", inputs: ["value", "defaultValue", "min", "max", "minTime", "maxTime", "isDateUnavailable", "isTimeUnavailable", "locale", "timeZone", "hourCycle", "granularity", "calendar", "firstDayOfWeek", "yearPivot", "referenceDateTime", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "messages", "name", "label"], outputs: ["valueChange"], exportAs: ["slDateTimeField"] }, { kind: "component", type: SlNumberField, selector: "[slNumberField]", inputs: ["size", "variant", "stepper", "messages"], exportAs: ["slNumberField"] }, { kind: "directive", type: SlNumberFieldInput, selector: "input[slNumberFieldInput]", inputs: ["value", "defaultValue", "min", "max", "step", "largeStep", "smallStep", "stepFrom", "snapToStep", "clamp", "format", "formatOn", "locale", "wheel", "disabled", "readOnly", "invalid"], outputs: ["valueChange"], exportAs: ["slNumberFieldInput"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }, { kind: "component", type: SlTimeField, selector: "[slTimeField]", inputs: ["value", "defaultValue", "min", "max", "isTimeUnavailable", "locale", "timeZone", "hourCycle", "granularity", "referenceTime", "size", "variant", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "messages", "name", "label"], outputs: ["valueChange"], exportAs: ["slTimeField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlDataGridEditor, decorators: [{
             type: Component,
@@ -1348,7 +1379,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 +1477,8 @@ const FALLBACK = {
     pageSizes: [25, 50, 100],
     filterDebounce: 300,
     loadMoreThreshold: 20,
+    loadMoreTrigger: 'scroll',
+    resizeMode: 'live',
     skeletonRows: 8,
 };
 const DATA_GRID_DEFAULTS = new InjectionToken('slotted data-grid defaults', {
@@ -1737,7 +1776,14 @@ class SlDataGrid {
         transform: (value) => (value === undefined ? undefined : numberAttribute(value)) });
     hasMoreInput = input(undefined, { ...(ngDevMode ? { debugName: "hasMoreInput" } : /* istanbul ignore next */ {}), alias: 'hasMore',
         transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
-    loadingInput = input(false, { ...(ngDevMode ? { debugName: "loadingInput" } : /* istanbul ignore next */ {}), alias: 'loading', transform: booleanAttribute });
+    /**
+     * A load in flight. Zero rows is an answer too: after the grid has drawn
+     * one, `true` keeps it — the empty state stays and no skeleton is drawn —
+     * so a refetch of an empty list does not flicker. `'initial'` asks for the
+     * skeleton anyway, for a grid that stays mounted across two different sets.
+     */
+    loadingInput = input(false, { ...(ngDevMode ? { debugName: "loadingInput" } : /* istanbul ignore next */ {}), alias: 'loading',
+        transform: (value) => value === 'initial' || value === 'refresh' ? value : booleanAttribute(value) });
     errorInput = input(undefined, { ...(ngDevMode ? { debugName: "errorInput" } : /* istanbul ignore next */ {}), alias: 'error' });
     /* With a source the grid asks for its rows itself; what the consumer gave
        for rows, total, loading and error is what the source answered. */
@@ -1751,7 +1797,9 @@ class SlDataGrid {
     ...(ngDevMode ? [{ debugName: "totalCount" }] : /* istanbul ignore next */ []));
     hasMore = computed(() => this.dataSource() ? this.sourced().result?.hasMore : this.hasMoreInput(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hasMore" }] : /* istanbul ignore next */ []));
-    loading = computed(() => this.dataSource() ? this.sourced().loading : this.loadingInput(), /* @ts-ignore */
+    loadingGiven = computed(() => this.dataSource() ? this.sourced().loading : this.loadingInput(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadingGiven" }] : /* istanbul ignore next */ []));
+    loading = computed(() => this.loadingGiven() !== false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
     error = computed(() => this.dataSource() ? this.sourced().error : this.errorInput(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
@@ -1790,6 +1838,17 @@ class SlDataGrid {
     editCancel = output();
     activate = output();
     loadMore = output();
+    asksForMore = computed(() => this.hasMore() === true &&
+        !this.loading() &&
+        this.resolvedLoadMore() !== 'button' &&
+        !this.loadMoreFailed(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "asksForMore" }] : /* istanbul ignore next */ []));
+    loadMoreTop = computed(() => {
+        const index = Math.max(0, this.nodes().length - this.resolvedThreshold());
+        const metrics = this.metrics();
+        return metrics ? metrics.offsetOf(index) : index * this.rowSize();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadMoreTop" }] : /* istanbul ignore next */ []));
     /** A branch `hasChildren` says has children opened and none are in `rows`. */
     loadChildren = output();
     rowsReorder = output();
@@ -1835,6 +1894,23 @@ 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 */ []));
+    /**
+     * `deferred` moves a guide while the resizer is dragged and applies the
+     * width once, on release, so the rows do not reflow under the pointer;
+     * Escape leaves the width. The keyboard and a double press apply at once in
+     * either mode. Default `live`.
+     */
+    resizeMode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resizeMode" }] : /* 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 });
@@ -1907,6 +1983,8 @@ class SlDataGrid {
     ...(ngDevMode ? [{ debugName: "footerContent" }] : /* istanbul ignore next */ []));
     scrollRef = viewChild('scroll', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "scrollRef" }] : /* istanbul ignore next */ []));
+    loadMoreMark = viewChild('loadMoreMark', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadMoreMark" }] : /* istanbul ignore next */ []));
     columnMenus = viewChildren(SlMenu, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "columnMenus" }] : /* istanbul ignore next */ []));
     defaults = injectDataGridDefaults();
@@ -1946,6 +2024,17 @@ 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 */ []));
+    resolvedResizeMode = computed(() => this.resizeMode() ?? this.defaults.resizeMode, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedResizeMode" }] : /* 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 +2261,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,
@@ -2221,10 +2306,28 @@ class SlDataGrid {
             : Math.min(...aggregated.map((column) => this.indexOf(column.id)));
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "firstAggregateIndex" }] : /* istanbul ignore next */ []));
+    /* The last answer the grid drew. Zero rows is an answer, and a refetch of
+       it keeps the empty state rather than drawing a skeleton over it (AF-02).
+       Rows emptied by the consumer while a load starts are a new set, and wait
+       in the skeleton. */
+    lastAnswer = linkedSignal({ ...(ngDevMode ? { debugName: "lastAnswer" } : /* istanbul ignore next */ {}), source: () => ({
+            loading: this.loading(),
+            error: Boolean(this.error()),
+            empty: this.rows().length === 0,
+        }),
+        computation: (now, previous) => !now.loading && !now.error ? (now.empty ? 'empty' : 'rows') : (previous?.value ?? null) });
+    /* `lastAnswer` is read on every evaluation: a linked signal computes when it
+       is read, and one skipped while the grid showed its answer would miss it. */
+    firstLoad = computed(() => {
+        const lastAnswer = this.lastAnswer();
+        const given = this.loadingGiven();
+        return given === 'initial' || (given === true && lastAnswer !== 'empty');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "firstLoad" }] : /* istanbul ignore next */ []));
     status = computed(() => {
         if (this.error())
             return 'error';
-        if (this.loading() && this.rows().length === 0)
+        if (this.firstLoad() && this.rows().length === 0)
             return 'loading';
         if (this.nodes().length > 0)
             return 'rows';
@@ -2300,6 +2403,8 @@ class SlDataGrid {
     ...(ngDevMode ? [{ debugName: "scrollLeft" }] : /* istanbul ignore next */ []));
     viewport = signal({ width: 0, height: 0 }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "viewport" }] : /* istanbul ignore next */ []));
+    /** The scroller's width under which the pop-in's fields start at the row's own padding. */
+    narrowBelow = COMPACT_BELOW;
     measuredRow = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "measuredRow" }] : /* istanbul ignore next */ []));
     rowSizes = signal(new Map(), /* @ts-ignore */
@@ -2840,6 +2945,9 @@ class SlDataGrid {
         this.requestState(withColumnMoved(this.effectiveState(), columnId, target, zone), 'order', 'keyboard', source);
     }
     resizeSession = null;
+    /** Under `resizeMode="deferred"`, the column whose guide is drawn and the scroller height it spans. */
+    resizeGuide = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resizeGuide" }] : /* istanbul ignore next */ []));
     beginResize(event, column) {
         if (event.button !== 0)
             return;
@@ -2851,27 +2959,66 @@ class SlDataGrid {
            is as wide as the room left over, and a drag that started from the
            stated width jumped to it on the first move. */
         const header = handle.closest('[data-part="column-header"]');
+        const startWidth = header ? Math.round(header.getBoundingClientRect().width) : column.width;
+        const escape = (key) => {
+            if (key.key !== 'Escape')
+                return;
+            key.preventDefault();
+            key.stopPropagation();
+            if (this.resolvedResizeMode() === 'live')
+                this.resizeTo(column.id, startWidth, 'pointer');
+            this.stopResize();
+        };
+        document.addEventListener('keydown', escape, true);
         this.resizeSession = {
             column: column.id,
             startX: event.clientX,
-            startWidth: header ? Math.round(header.getBoundingClientRect().width) : column.width,
+            startWidth,
             rtl: getComputedStyle(this.host.nativeElement).direction === 'rtl',
+            pending: null,
+            escape,
         };
         this.resizing.set(column.id);
+        if (this.resolvedResizeMode() === 'deferred') {
+            this.resizeGuide.set({
+                column: column.id,
+                span: this.scrollRef()?.nativeElement.clientHeight ?? 0,
+            });
+        }
     }
     moveResize(event, column) {
         const session = this.resizeSession;
         if (!session || session.column !== column.id)
             return;
         const delta = (event.clientX - session.startX) * (session.rtl ? -1 : 1);
-        this.resizeTo(column.id, session.startWidth + delta, 'pointer', event);
+        if (this.resolvedResizeMode() === 'live') {
+            this.resizeTo(column.id, session.startWidth + delta, 'pointer', event);
+            return;
+        }
+        /* Deferred: the guide slides by `translate`, which lays nothing out. */
+        const width = clampWidth(column.column, session.startWidth + delta);
+        session.pending = width;
+        event.currentTarget
+            .querySelector('[data-part="resize-guide"]')
+            ?.style.setProperty('translate', `${String((width - session.startWidth) * (session.rtl ? -1 : 1))}px 0`);
     }
     endResize(event) {
-        if (!this.resizeSession)
+        const session = this.resizeSession;
+        if (!session)
             return;
         event.currentTarget.releasePointerCapture(event.pointerId);
+        this.stopResize();
+        if (session.pending !== null && event.type === 'pointerup') {
+            this.resizeTo(session.column, session.pending, 'pointer', event);
+        }
+    }
+    stopResize() {
+        if (this.resizeSession) {
+            document.removeEventListener('keydown', this.resizeSession.escape, true);
+        }
         this.resizeSession = null;
         this.resizing.set(null);
+        this.resizeGuide.set(null);
     }
     /* ── Reordering by drag ─────────────────────────────────────────────── */
     dragState = signal({
@@ -3565,18 +3712,27 @@ class SlDataGrid {
                 }));
             }
         });
-        /* Load more when the window nears the end. */
-        effect(() => {
-            if (this.hasMore() !== true || this.loading())
+        /* Load more when the row `loadMoreThreshold` rows before the end comes into
+           view, unless only the control asks, or the last page failed and a retry
+           is the reader's to press. In view of the page, not of the grid's own box:
+           a grid with no height grows to its rows and an ancestor scrolls, and its
+           own scroller always reached the end, so every page was asked for at
+           mount. An observer with no root counts the clip of every ancestor that
+           scrolls. Without the observer (a test document) nothing asks by itself. */
+        effect((onCleanup) => {
+            const mark = this.loadMoreMark()?.nativeElement;
+            /* Observed again when rows arrive: a mark still in view asks again. */
+            const rows = this.nodes().length + this.loadMoreTop();
+            if (!this.asksForMore() || mark === undefined || rows < 0)
                 return;
-            const remaining = this.nodes().length - this.rowWindow().endIndex;
-            const scroller = this.scrollRef()?.nativeElement;
-            const near = this.windowsRows()
-                ? remaining <= this.resolvedThreshold()
-                : this.scrollTop() + this.viewport().height >=
-                    (scroller?.scrollHeight ?? 0) - this.rowSize() * this.resolvedThreshold();
-            if (near && this.viewport().height > 0)
-                untracked(() => this.loadMore.emit());
+            if (typeof IntersectionObserver === 'undefined')
+                return;
+            const observer = new IntersectionObserver((entries) => {
+                if (entries.some((entry) => entry.isIntersecting))
+                    this.loadMore.emit();
+            });
+            observer.observe(mark);
+            onCleanup(() => observer.disconnect());
         });
         /* The drag session's state, drawn on the headers. */
         destroy.onDestroy(() => {
@@ -3770,6 +3926,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 +4666,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 }, resizeMode: { classPropertyName: "resizeMode", publicName: "resizeMode", 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() && status() !== 'loading' ? '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", "attr.data-narrow": "viewport().width > 0 && viewport().width < narrowBelow ? '' : null", "style.--slotted-data-grid-viewport": "viewport().width > 0 ? viewport().width + 'px' : 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">
+        ], 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: "loadMoreMark", first: true, predicate: ["loadMoreMark"], descendants: true, isSignal: true }, { propertyName: "columnMenus", predicate: SlMenu, descendants: true, isSignal: true }], exportAs: ["slDataGrid"], ngImport: i0, template: `
+    <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 +4692,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 +4700,7 @@ class SlDataGrid {
           @if (hasSelectionColumn()) {
             <div
               data-part="selection"
+              data-part-selection=""
               role="gridcell"
               aria-colindex="1"
               [attr.data-column]="SELECTION"
@@ -4554,9 +4716,16 @@ class SlDataGrid {
                   slCheckbox
                   [checked]="allState() === 'all'"
                   [indeterminate]="allState() === 'some'"
+                  [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>
@@ -4564,6 +4733,7 @@ class SlDataGrid {
           @if (hasDragColumn()) {
             <div
               data-part="column-header"
+              data-part-column-header=""
               role="columnheader"
               tabindex="-1"
               [attr.aria-colindex]="dragIndex()"
@@ -4576,6 +4746,7 @@ class SlDataGrid {
           @if (hasExpanderColumn()) {
             <div
               data-part="column-header"
+              data-part-column-header=""
               role="columnheader"
               tabindex="-1"
               [attr.aria-colindex]="expanderIndex()"
@@ -4597,6 +4768,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)"
@@ -4644,6 +4816,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"
                   >
@@ -4655,17 +4828,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)"
@@ -4694,6 +4869,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"
@@ -4709,6 +4885,7 @@ class SlDataGrid {
                   }
                   <button
                     data-part="column-menu"
+                    data-part-column-menu=""
                     type="button"
                     tabindex="-1"
                     [slMenuTriggerFor]="columnMenu"
@@ -4729,7 +4906,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>
                     }
@@ -4805,6 +4986,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"
@@ -4817,7 +4999,16 @@ class SlDataGrid {
                       $event.stopPropagation();
                       fit($event.shiftKey ? null : column.id, 'pointer', $event)
                     "
-                  ></div>
+                  >
+                    @if (resizeGuide()?.column === column.id) {
+                      <div
+                        data-part="resize-guide"
+                        data-part-resize-guide=""
+                        aria-hidden="true"
+                        [style.block-size.px]="resizeGuide()!.span"
+                      ></div>
+                    }
+                  </div>
                 }
               </div>
               <ng-template slPopoverLayer>
@@ -4843,6 +5034,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"
@@ -4854,6 +5046,7 @@ class SlDataGrid {
         @if (resolvedFilterRow()) {
           <div
             data-part="filter-row"
+            data-part-filter-row=""
             role="row"
             [attr.data-row]="FILTER"
             [attr.aria-rowindex]="headerRowCount()"
@@ -4861,6 +5054,7 @@ class SlDataGrid {
             @if (hasSelectionColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 aria-colindex="1"
                 tabindex="-1"
@@ -4871,6 +5065,7 @@ class SlDataGrid {
             @if (hasDragColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 tabindex="-1"
                 [attr.aria-colindex]="dragIndex()"
@@ -4881,6 +5076,7 @@ class SlDataGrid {
             @if (hasExpanderColumn()) {
               <div
                 data-part="filter-cell"
+                data-part-filter-cell=""
                 role="gridcell"
                 tabindex="-1"
                 [attr.aria-colindex]="expanderIndex()"
@@ -4891,6 +5087,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"
@@ -4930,6 +5127,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"
@@ -4953,6 +5151,7 @@ class SlDataGrid {
           @if (hasSelectionColumn()) {
             <div
               data-part="selection"
+              data-part-selection=""
               role="gridcell"
               aria-colindex="1"
               [attr.data-column]="SELECTION"
@@ -4967,6 +5166,7 @@ class SlDataGrid {
                 slCheckbox
                 [checked]="isSelected(entry.node.key)"
                 [disabled]="isDisabled(entry.node.key) || undefined"
+                [tabIndex]="isCurrent(entry.node.key, SELECTION) ? 0 : -1"
                 (checkedChange)="
                   toggleSelected(entry.node.key, {
                     range: shiftHeld($event.source),
@@ -4974,15 +5174,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()"
@@ -4996,6 +5201,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'"
@@ -5009,6 +5215,7 @@ class SlDataGrid {
           @if (hasExpanderColumn()) {
             <div
               data-part="cell"
+              data-part-cell=""
               data-kind="expander"
               role="gridcell"
               [attr.aria-colindex]="expanderIndex()"
@@ -5023,6 +5230,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)"
@@ -5041,6 +5249,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"
@@ -5082,6 +5292,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"
@@ -5100,10 +5311,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"
@@ -5135,6 +5351,7 @@ class SlDataGrid {
           @if (hasPopin()) {
             <div
               data-part="popin"
+              data-part-popin=""
               role="gridcell"
               [attr.aria-colindex]="popinIndex()"
               [attr.data-column]="POPIN"
@@ -5149,12 +5366,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"
@@ -5172,6 +5395,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)"
@@ -5197,7 +5421,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"
@@ -5209,12 +5433,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
@@ -5233,6 +5458,7 @@ class SlDataGrid {
       } @else {
         <div
           data-part="body"
+          data-part-body=""
           role="rowgroup"
           [style.--slotted-data-grid-window-total]="
             windowsRows() ? rowWindow().totalSize + 'px' : null
@@ -5245,6 +5471,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"
@@ -5287,6 +5514,7 @@ class SlDataGrid {
                 >
                   <button
                     data-part="group-toggle"
+                    data-part-group-toggle=""
                     type="button"
                     tabindex="-1"
                     [attr.aria-expanded]="entry.node.expanded"
@@ -5354,11 +5582,21 @@ class SlDataGrid {
               />
             }
           }
+          @if (asksForMore()) {
+            <div
+              #loadMoreMark
+              aria-hidden="true"
+              [style.bottom.px]="0"
+              [style.inline-size.px]="1"
+              [style.position]="'absolute'"
+              [style.top.px]="loadMoreTop()"
+            ></div>
+          }
         </div>
       }
 
       @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"
@@ -5404,7 +5642,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"
@@ -5414,11 +5652,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"
@@ -5429,6 +5668,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"
@@ -5452,6 +5692,7 @@ class SlDataGrid {
             @if (hasPopinCell(SUMMARY)) {
               <div
                 data-part="popin"
+                data-part-popin=""
                 role="gridcell"
                 [attr.aria-colindex]="popinIndex()"
                 [attr.data-column]="POPIN"
@@ -5463,11 +5704,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>
@@ -5480,6 +5727,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'"
@@ -5488,6 +5736,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'"
@@ -5496,29 +5745,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", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlCheckbox, selector: "[slCheckbox]", inputs: ["checked", "defaultChecked", "indeterminate", "parent", "value", "name", "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", "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]{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]:not(:has(~[data-part-column-header]))>[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-resizer]>[data-part-resize-guide]{background-color:var( --slotted-data-grid-resize-guide-color, var(--slotted-focus-ring-color, Highlight) );inline-size:var( --slotted-data-grid-resize-guide-width, var(--slotted-border-width-thick, 2px) );inset-block-start:0;inset-inline-start:calc(50% - var(--slotted-data-grid-resize-guide-width, var(--slotted-border-width-thick, 2px)) / 2);pointer-events:none;position:absolute;z-index:2}[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:var(--slotted-data-grid-viewport, 100%);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;position:relative;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:var(--slotted-data-grid-viewport, 100%)}[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:var(--slotted-data-grid-viewport, 100%);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}[data-ui-data-grid][data-narrow] [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:var(--slotted-data-grid-viewport, 100%);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;transition:opacity var(--_transition)}[data-ui-data-grid][aria-busy=true]>[data-part-scroll]>[data-part-body]:after{content:\"\";inset:0;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 4)}[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] [data-part-resizer]>[data-part-resize-guide]{background-color:Highlight;forced-color-adjust:none}[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}}}@property --slotted-data-grid-window-start{syntax: \"*\"; inherits: false;}@property --slotted-data-grid-window-total{syntax: \"*\"; inherits: false;}\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,
@@ -5552,13 +5805,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"
@@ -5574,6 +5828,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"
@@ -5581,6 +5836,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"
@@ -5596,9 +5852,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                   slCheckbox
                   [checked]="allState() === 'all'"
                   [indeterminate]="allState() === 'some'"
+                  [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>
@@ -5606,6 +5869,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()"
@@ -5618,6 +5882,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()"
@@ -5639,6 +5904,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)"
@@ -5686,6 +5952,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"
                   >
@@ -5697,17 +5964,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)"
@@ -5736,6 +6005,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"
@@ -5751,6 +6021,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"
@@ -5771,7 +6042,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>
                     }
@@ -5847,6 +6122,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"
@@ -5859,7 +6135,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                       $event.stopPropagation();
                       fit($event.shiftKey ? null : column.id, 'pointer', $event)
                     "
-                  ></div>
+                  >
+                    @if (resizeGuide()?.column === column.id) {
+                      <div
+                        data-part="resize-guide"
+                        data-part-resize-guide=""
+                        aria-hidden="true"
+                        [style.block-size.px]="resizeGuide()!.span"
+                      ></div>
+                    }
+                  </div>
                 }
               </div>
               <ng-template slPopoverLayer>
@@ -5885,6 +6170,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"
@@ -5896,6 +6182,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()"
@@ -5903,6 +6190,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"
@@ -5913,6 +6201,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()"
@@ -5923,6 +6212,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()"
@@ -5933,6 +6223,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"
@@ -5972,6 +6263,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"
@@ -5995,6 +6287,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"
@@ -6009,6 +6302,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 slCheckbox
                 [checked]="isSelected(entry.node.key)"
                 [disabled]="isDisabled(entry.node.key) || undefined"
+                [tabIndex]="isCurrent(entry.node.key, SELECTION) ? 0 : -1"
                 (checkedChange)="
                   toggleSelected(entry.node.key, {
                     range: shiftHeld($event.source),
@@ -6016,15 +6310,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()"
@@ -6038,6 +6337,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'"
@@ -6051,6 +6351,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()"
@@ -6065,6 +6366,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)"
@@ -6083,6 +6385,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"
@@ -6124,6 +6428,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"
@@ -6142,10 +6447,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"
@@ -6177,6 +6487,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"
@@ -6191,12 +6502,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"
@@ -6214,6 +6531,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)"
@@ -6239,7 +6557,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"
@@ -6251,12 +6569,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
@@ -6275,6 +6594,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
@@ -6287,6 +6607,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"
@@ -6329,6 +6650,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"
@@ -6396,11 +6718,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               />
             }
           }
+          @if (asksForMore()) {
+            <div
+              #loadMoreMark
+              aria-hidden="true"
+              [style.bottom.px]="0"
+              [style.inline-size.px]="1"
+              [style.position]="'absolute'"
+              [style.top.px]="loadMoreTop()"
+            ></div>
+          }
         </div>
       }
 
       @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"
@@ -6446,7 +6778,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"
@@ -6456,11 +6788,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"
@@ -6471,6 +6804,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"
@@ -6494,6 +6828,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"
@@ -6505,11 +6840,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>
@@ -6522,6 +6863,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'"
@@ -6530,6 +6872,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'"
@@ -6538,25 +6881,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>
     }
@@ -6564,14 +6911,16 @@ 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',
                         '[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.aria-busy]': "loading() && status() !== 'loading' ? 'true' : null",
                         '[attr.data-variant]': 'resolvedVariant()',
                         '[attr.data-striped]': "resolvedStriped() ? '' : null",
                         '[attr.data-sticky-header]': "resolvedStickyHeader() ? '' : null",
@@ -6581,6 +6930,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-rows]': "autoRows() ? 'auto' : 'fixed'",
                         '[attr.data-slotted-density]': 'density() ?? null',
                         '[attr.data-popin]': 'hasPopin() ? outOfSpace().popin.length : null',
+                        '[attr.data-narrow]': "viewport().width > 0 && viewport().width < narrowBelow ? '' : null",
+                        '[style.--slotted-data-grid-viewport]': "viewport().width > 0 ? viewport().width + 'px' : null",
                         '[style.--slotted-data-grid-template]': 'template()',
                         '[style.--slotted-data-grid-block-size]': 'blockSize()',
                         '[style.--slotted-data-grid-row-block-size]': 'rowBlockSize()',
@@ -6588,8 +6939,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]{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]:not(:has(~[data-part-column-header]))>[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-resizer]>[data-part-resize-guide]{background-color:var( --slotted-data-grid-resize-guide-color, var(--slotted-focus-ring-color, Highlight) );inline-size:var( --slotted-data-grid-resize-guide-width, var(--slotted-border-width-thick, 2px) );inset-block-start:0;inset-inline-start:calc(50% - var(--slotted-data-grid-resize-guide-width, var(--slotted-border-width-thick, 2px)) / 2);pointer-events:none;position:absolute;z-index:2}[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:var(--slotted-data-grid-viewport, 100%);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;position:relative;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:var(--slotted-data-grid-viewport, 100%)}[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:var(--slotted-data-grid-viewport, 100%);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}[data-ui-data-grid][data-narrow] [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:var(--slotted-data-grid-viewport, 100%);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;transition:opacity var(--_transition)}[data-ui-data-grid][aria-busy=true]>[data-part-scroll]>[data-part-body]:after{content:\"\";inset:0;position:absolute;z-index:calc(var(--slotted-z-index-sticky, 100) + 4)}[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] [data-part-resizer]>[data-part-resize-guide]{background-color:Highlight;forced-color-adjust:none}[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}}}@property --slotted-data-grid-window-start{syntax: \"*\"; inherits: false;}@property --slotted-data-grid-window-total{syntax: \"*\"; inherits: false;}\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 }] }], resizeMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizeMode", 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 }] }], loadMoreMark: [{ type: i0.ViewChild, args: ['loadMoreMark', { isSignal: true }] }], columnMenus: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SlMenu), { isSignal: true }] }] } });
 
 function defaultStorage() {
     try {