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

package/fesm2022/slotted-angular-table.mjs

@@ -1,11 +1,12 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, model, input, booleanAttribute, numberAttribute, output, ElementRef, signal, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component, HostAttributeToken, afterNextRender, DestroyRef, Directive } from '@angular/core';
+import { InjectionToken, inject, Injectable, model, input, booleanAttribute, numberAttribute, output, ElementRef, signal, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component, DestroyRef, HostAttributeToken, afterNextRender, Directive, contentChild } from '@angular/core';
 import { nextSelection, createFilter } from '@slotted/core/collection';
 import { getLiveAnnouncer } from '@slotted/core/live-announcer';
 import { createControllable } from '@slotted/core/state';
 import { injectMessages } from '@slotted/angular/i18n';
 import { tableMessages } from '@slotted/core/i18n';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { createFocusOrigin } from '@slotted/core/focus';
 import { createScrollAffordance } from '@slotted/core/overflow';
 import { parseISODate, isPlainDate, toISODate, parseISOTime, parseISODateTime, isPlainTime, toISOTime, isPlainDateTime } from '@slotted/core/date';
 import { emptyFilter, defaultOperator, operatorsFor, isFilterActive, describeFilter, isConditionActive, operandCount, withCondition, withJoin, normalizeFilter, serializeFilter } from '@slotted/core/filter';
@@ -24,6 +25,7 @@ import { SlTagsInput } from '@slotted/angular/tags-input';
 import { SlTextField, SlTextFieldInput } from '@slotted/angular/text-field';
 import { SlTimePicker } from '@slotted/angular/time-picker';
 import { SlTimeRangePicker, SlTimeRangePickerPresets } from '@slotted/angular/time-range-picker';
+import { isRowAction } from '@slotted/core/pointer-intent';
 import { SlGlyph, SlIcon } from '@slotted/angular/icon';
 import { SlSkeleton } from '@slotted/angular/skeleton';
 import * as i1 from '@slotted/angular/tooltip';
@@ -32,6 +34,7 @@ import { SlTooltip, SlTooltipContent, SlTooltipLayer, provideTooltipDefaults, Sl
 const FALLBACK = {
     cellAlign: 'center',
     columns: 1,
+    edges: 'inset',
     layout: 'auto',
     selectionMode: 'none',
     stickyFooter: false,
@@ -111,6 +114,13 @@ class SlTable {
     ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
     variant = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the first and the last column keep the cell's inset on their outer
+     * side. `flush` lines a `plain` or `ruled` table's text up with the heading
+     * around it; a `framed` table ignores it.
+     */
+    edges = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "edges" }] : /* istanbul ignore next */ []));
     layout = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
     selectionMode = input(undefined, /* @ts-ignore */
@@ -166,6 +176,8 @@ class SlTable {
     ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
     resolvedVariant = computed(() => this.variant() ?? this.defaults.variant, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedEdges = computed(() => this.edges() ?? this.defaults.edges, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedEdges" }] : /* istanbul ignore next */ []));
     resolvedLayout = computed(() => this.layout() ?? this.defaults.layout, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "resolvedLayout" }] : /* istanbul ignore next */ []));
     resolvedCellAlign = computed(() => this.cellAlign() ?? this.defaults.cellAlign, /* @ts-ignore */
@@ -296,14 +308,17 @@ class SlTable {
         this.touched?.();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTable, isStandalone: true, selector: "div[slTable]", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, cellAlign: { classPropertyName: "cellAlign", publicName: "cellAlign", 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 }, stickyFooter: { classPropertyName: "stickyFooter", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, stickyTo: { classPropertyName: "stickyTo", publicName: "stickyTo", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange", value: "valueChange", expanded: "expandedChange", sortChangeRequest: "sortChangeRequest", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest" }, host: { attributes: { "data-ui": "table", "data-part": "root" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-layout": "resolvedLayout()", "attr.data-cell-align": "resolvedCellAlign()", "attr.data-striped": "resolvedStriped() ? '' : null", "attr.data-sticky-header": "resolvedStickyHeader() ? '' : null", "attr.data-sticky-footer": "resolvedStickyFooter() ? '' : null", "attr.data-sticky-to": "resolvedStickyTo()", "attr.data-loading": "loading() ? '' : null" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTable), multi: true }], exportAs: ["slTable"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui=table][data-part=root]{--_row-min-block: var( --slotted-table-row-min-block-size, var(--slotted-control-height-md, 34px) );--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-table-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-table-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-table-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_row-min-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-table-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-table-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_surface: var(--slotted-table-surface, var(--slotted-ground, var(--slotted-surface, Canvas)));--_head-surface: var( --slotted-table-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_stripe: var( --slotted-table-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-table-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-table-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-table-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );background-color:var(--_surface);box-sizing:border-box;color:var(--_text);display:block;isolation:isolate;font-family:var(--slotted-table-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%}[data-ui=table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui=table] [data-part=scroll]{overflow:auto;overscroll-behavior-inline:contain}[data-ui=table] [data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=table] [data-part=table]{border-collapse:separate;border-spacing:0;inline-size:max-content;min-inline-size:100%;text-align:start}[data-ui=table][data-layout=fixed] [data-part=table]{inline-size:100%;table-layout:fixed}[data-ui=table] [data-part=caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui=table] [data-part=column-header],[data-ui=table] [data-part=head] [data-part=selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;vertical-align:bottom}[data-ui=table][data-variant=plain] [data-part=column-header]{background-color:transparent}[data-ui=table] [data-part=row]{background-color:var(--_surface)}[data-ui=table]{--_cell-align: middle}[data-ui=table][data-cell-align=start]{--_cell-align: top}[data-ui=table][data-cell-align=end]{--_cell-align: bottom}[data-ui=table] [data-part=cell],[data-ui=table] [data-part=row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui=table] [data-block-align=start]{vertical-align:top}[data-ui=table] [data-block-align=center]{vertical-align:middle}[data-ui=table] [data-block-align=end]{vertical-align:bottom}[data-ui=table] :is([data-part=cell],[data-part=row-header]):has(>[data-part=root][data-variant=plain]:is([data-ui=select],[data-ui=combobox],[data-ui=multi-select],[data-ui=text-field],[data-ui=textarea],[data-ui=number-field],[data-ui=currency-field],[data-ui=date-field],[data-ui=time-field],[data-ui=datetime-field],[data-ui=tags-input],[data-ui=date-range-picker],[data-ui=time-range-picker],[data-ui=datetime-range-picker],[data-ui=entity-picker])){--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: var(--_row-min-block);--slotted-control-height-md: var(--_row-min-block);--slotted-control-height-lg: var(--_row-min-block);padding:0}[data-ui=table] [data-part=row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=table]:is([data-variant=ruled],[data-variant=framed]) [data-part=body]>[data-part=row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=table]:is([data-variant=ruled],[data-variant=framed]) [data-part=body]>[data-part=row]:last-child>*{border-block-end-color:transparent}[data-ui=table][data-striped] [data-part=body]>[data-part=row]:nth-child(2n){background-color:var(--_stripe)}[data-ui=table] [data-part=body]>[data-part=row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=table] [data-part=body]>[data-part=row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui=table] [data-part=body]>[data-part=row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui=table] [data-part=row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=table] [data-align=start]{text-align:start}[data-ui=table] [data-align=center]{text-align:center}[data-ui=table] [data-align=end]{text-align:end}[data-ui=table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui=table] [data-numeric]:not([data-align]){text-align:end}[data-ui=table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui=table] [data-text=nowrap]{white-space:nowrap}[data-ui=table] [data-text=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=table][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection]{inset-block-start:var(--slotted-table-sticky-offset, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=table][data-sticky-to=page] [data-part=scroll]{overflow:visible}[data-ui=table][data-sticky-footer] [data-part=summary]>[data-part=row]>*{inset-block-end:var(--slotted-table-sticky-offset-end, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=table][data-sticky-footer] [data-part=summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=table] [data-sticky=start]{background-color:inherit;inset-inline-start:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table] [data-sticky=end]{background-color:inherit;inset-inline-end:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table][data-sticky-header] [data-part=column-header][data-sticky],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=table] [data-sticky]:after{background-color:var(--slotted-table-border-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;position:absolute;z-index:1}[data-ui=table] [data-sticky=start]:after{inset-inline-end:0}[data-ui=table] [data-sticky=end]:after{inset-inline-start:0}[data-ui=table] [data-part=column-header]:has(>[data-part=sort]){padding:0}[data-ui=table] [data-part=column-header]:has(>[data-part=column-actions]){--_actions-room: var( --slotted-table-column-actions-size, calc(var(--_pad-inline) + var(--slotted-target-min, 24px) + var(--_gap)) );padding-inline-end:var(--_actions-room)}[data-ui=table] [data-part=column-actions]{align-items:center;display:inline-flex;gap:var(--_gap);inset-block:0;inset-inline-end:var(--_pad-inline);position:absolute}[data-ui=table] [data-part=sort]{align-items:center;background-color:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);inline-size:100%;justify-content:space-between;min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit}[data-ui=table] [data-align=center]>[data-part=sort]{justify-content:center}[data-ui=table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part=sort]{justify-content:end}[data-ui=table] [data-part=column-header]:has(>[data-part=sort]:not(:disabled)):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) )}[data-ui=table] [data-part=column-header]{transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=sort]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=table] [data-part=sort]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=sort]:not(:disabled):hover>[data-ui=icon],[data-ui=table] [data-part=sort]:focus-visible>[data-ui=icon]{opacity:.55}[data-ui=table] [aria-sort]>[data-part=sort]>[data-ui=icon]{opacity:1}[data-ui=table] [aria-sort=ascending]>[data-part=sort]>[data-ui=icon]{rotate:180deg}[data-ui=table] [data-part=selection]{inline-size:var(--slotted-table-selection-size, 3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui=table] [data-part=selection]>[data-ui=checkbox]{block-size:var(--_line)}[data-ui=table] [data-part=selection]{--slotted-selection-halo-opacity: 0}[data-ui=table] [data-part=cell]:has(>[data-part=expander]){inline-size:1%;padding-inline-end:0;white-space:nowrap}[data-ui=table] [data-part=column-actions] *:has([data-part=filter]){display:contents}[data-ui=table] [data-part=expander],[data-ui=table] [data-part=column-actions]>button,[data-ui=table] button[data-part=column-actions],[data-ui=table] [data-part=filter]{background-color:transparent;border:0;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;block-size:var(--slotted-target-min, 24px);inline-size:var(--slotted-target-min, 24px);margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);padding:0;align-items:center;justify-content:center;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(pointer:coarse){[data-ui=table] [data-part=expander],[data-ui=table] [data-part=column-actions]>button,[data-ui=table] button[data-part=column-actions],[data-ui=table] [data-part=filter]{position:relative}[data-ui=table] [data-part=expander]:after,[data-ui=table] [data-part=column-actions]>button:after,[data-ui=table] button[data-part=column-actions]:after,[data-ui=table] [data-part=filter]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=table] [data-part=column-actions]>button:after,[data-ui=table] button[data-part=column-actions]:after,[data-ui=table] [data-part=filter]:after{inset-inline-start:0}}[data-ui=table] [data-part=expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=table] [data-part=column-actions]>button:not(:disabled):hover,[data-ui=table] button[data-part=column-actions]:not(:disabled):hover,[data-ui=table] [data-part=filter]:not(:disabled):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );color:var(--_text)}[data-ui=table] [data-part=expander]:focus-visible,[data-ui=table] [data-part=column-actions]>button:focus-visible,[data-ui=table] button[data-part=column-actions]:focus-visible,[data-ui=table] [data-part=filter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=table] :is([data-part=column-actions],[data-part=filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=table] [data-part=filter][data-filtered],[data-ui=table] [data-part=filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text, LinkText)}[data-ui=table][data-part=filter-panel]{--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_pad-block: var(--slotted-space-2, 4px);--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );box-sizing:border-box;display:grid;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);padding:var(--slotted-space-5, 12px);min-inline-size:min(17rem,var(--slotted-positioner-available-width, 100%));max-inline-size:100%}[data-ui=table][data-part=filter-panel] [data-part=filter-condition]{display:grid;gap:calc(var(--_gap) / 2)}[data-ui=table][data-part=filter-panel] [data-part=filter-operator],[data-ui=table][data-part=filter-panel] [data-part=filter-search]{display:block}[data-ui=table][data-part=filter-panel] [data-part=filter-operand]{display:grid;gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=set]{grid-template-columns:1fr;gap:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-range],[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=datetime],[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui=table][data-part=filter-panel] [data-part=filter-join]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block-start:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-join]>[data-label]{color:var(--_muted)}[data-ui=table][data-part=filter-panel] [data-part=filter-list]{display:grid;gap:var(--_gap);max-block-size:calc(var(--_line) * 9);overflow-y:auto;padding-inline-end:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]{--slotted-selection-halo-opacity: 0;align-items:center;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));display:flex;gap:var(--_gap);justify-content:space-between;margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui=table][data-part=filter-panel] [data-part=filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui=table][data-part=filter-panel] [data-part=filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap)}[data-ui=table] [data-part=expander]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);rotate:0deg;transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=expander][aria-expanded=true]>[data-ui=icon]{rotate:90deg}[data-ui=table]:dir(rtl) [data-part=expander]>[data-ui=icon]{scale:-1 1}[data-ui=table]:dir(rtl) [data-part=expander][aria-expanded=true]>[data-ui=icon]{rotate:-90deg}[data-ui=table] [data-part=detail]{background-color:var(--_stripe)}[data-ui=table] [data-part=detail]>[data-part=cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-striped] [data-part=body]>[data-part=detail]{background-color:var(--_stripe)}[data-ui=table] [data-part=empty]{color:var(--_muted);padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui=table] [data-part=loader]>[data-part=row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-loading] [data-part=body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=summary]>[data-part=row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium, 500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-variant=plain] [data-part=summary]>[data-part=row]>*{background-color:transparent}[data-ui=table] [data-part=footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table] [data-part=footer]>:last-child{flex:1 1 auto;justify-content:end}@media print{[data-ui=table] [data-part=scroll]{max-block-size:none;overflow:visible}[data-ui=table][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection],[data-ui=table][data-sticky-footer] [data-part=summary]>[data-part=row]>*,[data-ui=table] [data-sticky]{position:static}}}\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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTable, isStandalone: true, selector: "div[slTable]", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, cellAlign: { classPropertyName: "cellAlign", publicName: "cellAlign", 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 }, stickyFooter: { classPropertyName: "stickyFooter", publicName: "stickyFooter", isSignal: true, isRequired: false, transformFunction: null }, stickyTo: { classPropertyName: "stickyTo", publicName: "stickyTo", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange", value: "valueChange", expanded: "expandedChange", sortChangeRequest: "sortChangeRequest", valueChangeRequest: "valueChangeRequest", expandedChangeRequest: "expandedChangeRequest" }, host: { attributes: { "data-ui": "table", "data-ui-table": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-variant": "resolvedVariant()", "attr.data-edges": "resolvedEdges()", "attr.data-layout": "resolvedLayout()", "attr.data-cell-align": "resolvedCellAlign()", "attr.data-striped": "resolvedStriped() ? '' : null", "attr.data-sticky-header": "resolvedStickyHeader() ? '' : null", "attr.data-sticky-footer": "resolvedStickyFooter() ? '' : null", "attr.data-sticky-to": "resolvedStickyTo()", "attr.data-loading": "loading() ? '' : null" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTable), multi: true }], exportAs: ["slTable"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui-table][data-part-root]{--_row-min-block: var( --slotted-table-row-min-block-size, var(--slotted-control-height-md, 34px) );--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-table-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-table-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-table-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_row-min-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-table-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-table-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_surface: var(--slotted-table-surface, var(--slotted-ground, var(--slotted-surface, Canvas)));--_head-surface: var( --slotted-table-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_stripe: var( --slotted-table-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-table-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-table-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-table-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );background-color:var(--_surface);box-sizing:border-box;color:var(--_text);display:block;isolation:isolate;font-family:var(--slotted-table-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%}[data-ui-table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui-table] [data-part-scroll]{overflow:auto;overscroll-behavior-inline:contain}[data-ui-table] [data-part-scroll]:focus{outline:none}[data-ui-table] [data-part-scroll]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-table] [data-part-table]{border-collapse:separate;border-spacing:0;inline-size:max-content;min-inline-size:100%;text-align:start}[data-ui-table][data-layout=fixed] [data-part-table]{inline-size:100%;table-layout:fixed}[data-ui-table] [data-part-caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--_pad-block);padding-inline:var(--_edge-inset);text-align:start}[data-ui-table] [data-part-column-header],[data-ui-table] [data-part-head] [data-part-selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;vertical-align:bottom}[data-ui-table][data-variant=plain] [data-part-column-header]{background-color:transparent}[data-ui-table] [data-part-row]{background-color:var(--_surface)}[data-ui-table]{--_cell-align: middle}[data-ui-table][data-cell-align=start]{--_cell-align: top}[data-ui-table][data-cell-align=end]{--_cell-align: bottom}[data-ui-table] [data-part-cell],[data-ui-table] [data-part-row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui-table][data-part-root]{--_edge-inset: var(--_pad-inline)}[data-ui-table][data-part-root][data-edges=flush]:is([data-variant=plain],[data-variant=ruled]){--_edge-inset: var(--slotted-table-edge-inset, 0px)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):first-child,[data-ui-table] [data-part-row]>[data-part-column-header]:first-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:first-child>[data-part-sort]{padding-inline-start:var(--_edge-inset)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):last-child,[data-ui-table] [data-part-row]>[data-part-column-header]:last-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:last-child>[data-part-sort]{padding-inline-end:var(--_edge-inset)}[data-ui-table] [data-block-align=start]{vertical-align:top}[data-ui-table] [data-block-align=center]{vertical-align:middle}[data-ui-table] [data-block-align=end]{vertical-align:bottom}[data-ui-table] :is([data-part-cell],[data-part-row-header]):has(>[data-part-root][data-variant=plain]:is([data-ui-select],[data-ui-combobox],[data-ui-multi-select],[data-ui-text-field],[data-ui-textarea],[data-ui-number-field],[data-ui-currency-field],[data-ui-date-field],[data-ui-time-field],[data-ui-datetime-field],[data-ui-tags-input],[data-ui-date-range-picker],[data-ui-time-range-picker],[data-ui-datetime-range-picker],[data-ui-entity-picker])){--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: var(--_row-min-block);--slotted-control-height-md: var(--_row-min-block);--slotted-control-height-lg: var(--_row-min-block);padding:0}[data-ui-table] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]:last-child>*{border-block-end-color:transparent}[data-ui-table][data-striped] [data-part-body]>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-table] [data-part-body]>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-table] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-table] [data-part-body]>[data-part-row][data-current]:not([data-selected]){background-color:var( --slotted-table-row-surface-current, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-table] [data-part-body]>[data-part-row][data-interactive]:not([data-disabled]){cursor:pointer}[data-ui-table] [data-part-group-header]{background-color:var(--slotted-table-group-surface, var(--_stripe));border-block-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-table-group-color, var(--_text));font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui-table] [data-part-group-content]{align-items:baseline;display:flex;gap:var(--_gap);justify-content:space-between;min-inline-size:0}[data-ui-table] [data-part-group-end]{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}[data-ui-table] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var(--slotted-table-group-sticky-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table][data-sticky-header] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var( --slotted-table-group-sticky-offset, calc(var(--_row-min-block) + var(--_rule-width)) )}@media(forced-colors:active){[data-ui-table] [data-part-body]>[data-part-row][data-current]{outline:var(--_rule-width) solid Highlight;outline-offset:calc(var(--_rule-width) * -1)}}[data-ui-table] [data-align=start]{text-align:start}[data-ui-table] [data-align=center]{text-align:center}[data-ui-table] [data-align=end]{text-align:end}[data-ui-table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-table] [data-numeric]:not([data-align]){text-align:end}[data-ui-table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui-table] [data-text=nowrap]{white-space:nowrap}[data-ui-table] [data-text=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:var(--slotted-table-sticky-offset, 0)}[data-ui-table][data-sticky-to=page] [data-part-scroll]{overflow:visible}[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-table][data-sticky-to=page][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:var(--slotted-table-sticky-offset-end, 0)}[data-ui-table][data-sticky-footer] [data-part-summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-table] [data-sticky=start]{background-color:inherit;inset-inline-start:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table] [data-sticky=end]{background-color:inherit;inset-inline-end:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table][data-sticky-header] [data-part-column-header][data-sticky],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-table] [data-sticky]:after{background-color:var(--slotted-table-border-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;position:absolute;z-index:1}[data-ui-table] [data-sticky=start]:after{inset-inline-end:0}[data-ui-table] [data-sticky=end]:after{inset-inline-start:0}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]){padding:0}[data-ui-table] [data-part-column-header]:has(>[data-part-column-actions]){--_actions-room: var( --slotted-table-column-actions-size, calc(var(--_pad-inline) + var(--slotted-target-min, 24px) + var(--_gap)) );padding-inline-end:var(--_actions-room)}[data-ui-table] [data-part-column-actions]{align-items:center;display:inline-flex;gap:var(--_gap);inset-block:0;inset-inline-end:var(--_pad-inline);position:absolute}[data-ui-table] [data-part-sort]{align-items:center;background-color:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);inline-size:100%;justify-content:space-between;min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit}[data-ui-table] [data-align=center]>[data-part-sort]{justify-content:center}[data-ui-table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part-sort]{justify-content:end}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]:not(:disabled)):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) )}[data-ui-table] [data-part-column-header]{transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-table] [data-part-sort]>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:not(:disabled):hover>[data-ui-icon],[data-ui-table] [data-part-sort]:focus-visible>[data-ui-icon]{opacity:.55}[data-ui-table] [aria-sort]>[data-part-sort]>[data-ui-icon]{opacity:1}[data-ui-table] [aria-sort=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-table] [data-part-selection]{inline-size:var(--slotted-table-selection-size, 3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui-table] [data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-table] [data-part-selection]{--slotted-selection-halo-opacity: 0}[data-ui-table] [data-part-cell]:has(>[data-part-expander]){inline-size:1%;padding-inline-end:0;white-space:nowrap}[data-ui-table] [data-part-column-actions] *:has([data-part-filter]){display:contents}[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{background-color:transparent;border:0;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;block-size:var(--slotted-target-min, 24px);inline-size:var(--slotted-target-min, 24px);margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);padding:0;align-items:center;justify-content:center;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(pointer:coarse){[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{position:relative}[data-ui-table] [data-part-expander]:after,[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{inset-inline-start:0}}[data-ui-table] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-table] [data-part-column-actions]>button:not(:disabled):hover,[data-ui-table] button[data-part-column-actions]:not(:disabled):hover,[data-ui-table] [data-part-filter]:not(:disabled):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );color:var(--_text)}[data-ui-table] [data-part-expander]:focus-visible,[data-ui-table] [data-part-column-actions]>button:focus-visible,[data-ui-table] button[data-part-column-actions]:focus-visible,[data-ui-table] [data-part-filter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui-table] :is([data-part-column-actions],[data-part-filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-table] [data-part-filter][data-filtered],[data-ui-table] [data-part-filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text, LinkText)}[data-ui-table][data-part-filter-panel]{--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_pad-block: var(--slotted-space-2, 4px);--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );box-sizing:border-box;display:grid;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);padding:var(--slotted-space-5, 12px);min-inline-size:min(17rem,var(--slotted-positioner-available-width, 100%));max-inline-size:100%}[data-ui-table][data-part-filter-panel] [data-part-filter-condition]{display:grid;gap:calc(var(--_gap) / 2)}[data-ui-table][data-part-filter-panel] [data-part-filter-operator],[data-ui-table][data-part-filter-panel] [data-part-filter-search]{display:block}[data-ui-table][data-part-filter-panel] [data-part-filter-operand]{display:grid;gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=set]{grid-template-columns:1fr;gap:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-range],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=datetime],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-join]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block-start:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-join]>[data-label]{color:var(--_muted)}[data-ui-table][data-part-filter-panel] [data-part-filter-list]{display:grid;gap:var(--_gap);max-block-size:calc(var(--_line) * 9);overflow-y:auto;padding-inline-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]{--slotted-selection-halo-opacity: 0;align-items:center;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));display:flex;gap:var(--_gap);justify-content:space-between;margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui-table][data-part-filter-panel] [data-part-filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui-table][data-part-filter-panel] [data-part-filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap)}[data-ui-table] [data-part-expander]>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);rotate:0deg;transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:90deg}[data-ui-table]:dir(rtl) [data-part-expander]>[data-ui-icon]{scale:-1 1}[data-ui-table]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:-90deg}[data-ui-table] [data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-detail]>[data-part-cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-striped] [data-part-body]>[data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui-table] [data-part-loader]>[data-part-row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-loading] [data-part-body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-summary]>[data-part-row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium, 500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-variant=plain] [data-part-summary]>[data-part-row]>*{background-color:transparent}[data-ui-table] [data-part-footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table] [data-part-footer]>:last-child{flex:1 1 auto;justify-content:end}@media print{[data-ui-table] [data-part-scroll]{max-block-size:none;overflow:visible}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection],[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*,[data-ui-table] [data-sticky]{position:static}}}\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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTable, decorators: [{
             type: Component,
             args: [{ selector: 'div[slTable]', standalone: true, exportAs: 'slTable', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTable), multi: true }], host: {
                         'data-ui': 'table',
+                        'data-ui-table': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-variant]': 'resolvedVariant()',
+                        '[attr.data-edges]': 'resolvedEdges()',
                         '[attr.data-layout]': 'resolvedLayout()',
                         '[attr.data-cell-align]': 'resolvedCellAlign()',
                         '[attr.data-striped]': "resolvedStriped() ? '' : null",
@@ -311,8 +326,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-sticky-footer]': "resolvedStickyFooter() ? '' : null",
                         '[attr.data-sticky-to]': 'resolvedStickyTo()',
                         '[attr.data-loading]': "loading() ? '' : null",
-                    }, styles: ["@layer slotted.components{[data-ui=table][data-part=root]{--_row-min-block: var( --slotted-table-row-min-block-size, var(--slotted-control-height-md, 34px) );--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-table-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-table-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-table-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_row-min-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-table-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-table-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_surface: var(--slotted-table-surface, var(--slotted-ground, var(--slotted-surface, Canvas)));--_head-surface: var( --slotted-table-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_stripe: var( --slotted-table-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-table-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-table-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-table-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );background-color:var(--_surface);box-sizing:border-box;color:var(--_text);display:block;isolation:isolate;font-family:var(--slotted-table-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%}[data-ui=table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui=table] [data-part=scroll]{overflow:auto;overscroll-behavior-inline:contain}[data-ui=table] [data-part=scroll]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=table] [data-part=table]{border-collapse:separate;border-spacing:0;inline-size:max-content;min-inline-size:100%;text-align:start}[data-ui=table][data-layout=fixed] [data-part=table]{inline-size:100%;table-layout:fixed}[data-ui=table] [data-part=caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui=table] [data-part=column-header],[data-ui=table] [data-part=head] [data-part=selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;vertical-align:bottom}[data-ui=table][data-variant=plain] [data-part=column-header]{background-color:transparent}[data-ui=table] [data-part=row]{background-color:var(--_surface)}[data-ui=table]{--_cell-align: middle}[data-ui=table][data-cell-align=start]{--_cell-align: top}[data-ui=table][data-cell-align=end]{--_cell-align: bottom}[data-ui=table] [data-part=cell],[data-ui=table] [data-part=row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui=table] [data-block-align=start]{vertical-align:top}[data-ui=table] [data-block-align=center]{vertical-align:middle}[data-ui=table] [data-block-align=end]{vertical-align:bottom}[data-ui=table] :is([data-part=cell],[data-part=row-header]):has(>[data-part=root][data-variant=plain]:is([data-ui=select],[data-ui=combobox],[data-ui=multi-select],[data-ui=text-field],[data-ui=textarea],[data-ui=number-field],[data-ui=currency-field],[data-ui=date-field],[data-ui=time-field],[data-ui=datetime-field],[data-ui=tags-input],[data-ui=date-range-picker],[data-ui=time-range-picker],[data-ui=datetime-range-picker],[data-ui=entity-picker])){--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: var(--_row-min-block);--slotted-control-height-md: var(--_row-min-block);--slotted-control-height-lg: var(--_row-min-block);padding:0}[data-ui=table] [data-part=row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=table]:is([data-variant=ruled],[data-variant=framed]) [data-part=body]>[data-part=row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui=table]:is([data-variant=ruled],[data-variant=framed]) [data-part=body]>[data-part=row]:last-child>*{border-block-end-color:transparent}[data-ui=table][data-striped] [data-part=body]>[data-part=row]:nth-child(2n){background-color:var(--_stripe)}[data-ui=table] [data-part=body]>[data-part=row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=table] [data-part=body]>[data-part=row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui=table] [data-part=body]>[data-part=row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui=table] [data-part=row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=table] [data-align=start]{text-align:start}[data-ui=table] [data-align=center]{text-align:center}[data-ui=table] [data-align=end]{text-align:end}[data-ui=table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui=table] [data-numeric]:not([data-align]){text-align:end}[data-ui=table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui=table] [data-text=nowrap]{white-space:nowrap}[data-ui=table] [data-text=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=table][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection]{inset-block-start:var(--slotted-table-sticky-offset, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=table][data-sticky-to=page] [data-part=scroll]{overflow:visible}[data-ui=table][data-sticky-footer] [data-part=summary]>[data-part=row]>*{inset-block-end:var(--slotted-table-sticky-offset-end, 0);position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui=table][data-sticky-footer] [data-part=summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=table] [data-sticky=start]{background-color:inherit;inset-inline-start:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table] [data-sticky=end]{background-color:inherit;inset-inline-end:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=table][data-sticky-header] [data-part=column-header][data-sticky],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui=table] [data-sticky]:after{background-color:var(--slotted-table-border-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;position:absolute;z-index:1}[data-ui=table] [data-sticky=start]:after{inset-inline-end:0}[data-ui=table] [data-sticky=end]:after{inset-inline-start:0}[data-ui=table] [data-part=column-header]:has(>[data-part=sort]){padding:0}[data-ui=table] [data-part=column-header]:has(>[data-part=column-actions]){--_actions-room: var( --slotted-table-column-actions-size, calc(var(--_pad-inline) + var(--slotted-target-min, 24px) + var(--_gap)) );padding-inline-end:var(--_actions-room)}[data-ui=table] [data-part=column-actions]{align-items:center;display:inline-flex;gap:var(--_gap);inset-block:0;inset-inline-end:var(--_pad-inline);position:absolute}[data-ui=table] [data-part=sort]{align-items:center;background-color:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);inline-size:100%;justify-content:space-between;min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit}[data-ui=table] [data-align=center]>[data-part=sort]{justify-content:center}[data-ui=table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part=sort]{justify-content:end}[data-ui=table] [data-part=column-header]:has(>[data-part=sort]:not(:disabled)):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) )}[data-ui=table] [data-part=column-header]{transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=sort]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=table] [data-part=sort]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=sort]:not(:disabled):hover>[data-ui=icon],[data-ui=table] [data-part=sort]:focus-visible>[data-ui=icon]{opacity:.55}[data-ui=table] [aria-sort]>[data-part=sort]>[data-ui=icon]{opacity:1}[data-ui=table] [aria-sort=ascending]>[data-part=sort]>[data-ui=icon]{rotate:180deg}[data-ui=table] [data-part=selection]{inline-size:var(--slotted-table-selection-size, 3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui=table] [data-part=selection]>[data-ui=checkbox]{block-size:var(--_line)}[data-ui=table] [data-part=selection]{--slotted-selection-halo-opacity: 0}[data-ui=table] [data-part=cell]:has(>[data-part=expander]){inline-size:1%;padding-inline-end:0;white-space:nowrap}[data-ui=table] [data-part=column-actions] *:has([data-part=filter]){display:contents}[data-ui=table] [data-part=expander],[data-ui=table] [data-part=column-actions]>button,[data-ui=table] button[data-part=column-actions],[data-ui=table] [data-part=filter]{background-color:transparent;border:0;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;block-size:var(--slotted-target-min, 24px);inline-size:var(--slotted-target-min, 24px);margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);padding:0;align-items:center;justify-content:center;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(pointer:coarse){[data-ui=table] [data-part=expander],[data-ui=table] [data-part=column-actions]>button,[data-ui=table] button[data-part=column-actions],[data-ui=table] [data-part=filter]{position:relative}[data-ui=table] [data-part=expander]:after,[data-ui=table] [data-part=column-actions]>button:after,[data-ui=table] button[data-part=column-actions]:after,[data-ui=table] [data-part=filter]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui=table] [data-part=column-actions]>button:after,[data-ui=table] button[data-part=column-actions]:after,[data-ui=table] [data-part=filter]:after{inset-inline-start:0}}[data-ui=table] [data-part=expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui=table] [data-part=column-actions]>button:not(:disabled):hover,[data-ui=table] button[data-part=column-actions]:not(:disabled):hover,[data-ui=table] [data-part=filter]:not(:disabled):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );color:var(--_text)}[data-ui=table] [data-part=expander]:focus-visible,[data-ui=table] [data-part=column-actions]>button:focus-visible,[data-ui=table] button[data-part=column-actions]:focus-visible,[data-ui=table] [data-part=filter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=table] :is([data-part=column-actions],[data-part=filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=table] [data-part=filter][data-filtered],[data-ui=table] [data-part=filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text, LinkText)}[data-ui=table][data-part=filter-panel]{--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_pad-block: var(--slotted-space-2, 4px);--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );box-sizing:border-box;display:grid;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);padding:var(--slotted-space-5, 12px);min-inline-size:min(17rem,var(--slotted-positioner-available-width, 100%));max-inline-size:100%}[data-ui=table][data-part=filter-panel] [data-part=filter-condition]{display:grid;gap:calc(var(--_gap) / 2)}[data-ui=table][data-part=filter-panel] [data-part=filter-operator],[data-ui=table][data-part=filter-panel] [data-part=filter-search]{display:block}[data-ui=table][data-part=filter-panel] [data-part=filter-operand]{display:grid;gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=set]{grid-template-columns:1fr;gap:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-range],[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=datetime],[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui=table][data-part=filter-panel] [data-part=filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui=table][data-part=filter-panel] [data-part=filter-join]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block-start:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-join]>[data-label]{color:var(--_muted)}[data-ui=table][data-part=filter-panel] [data-part=filter-list]{display:grid;gap:var(--_gap);max-block-size:calc(var(--_line) * 9);overflow-y:auto;padding-inline-end:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]{--slotted-selection-halo-opacity: 0;align-items:center;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));display:flex;gap:var(--_gap);justify-content:space-between;margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui=table][data-part=filter-panel] [data-part=filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui=table][data-part=filter-panel] [data-part=filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui=table][data-part=filter-panel] [data-part=filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui=table][data-part=filter-panel] [data-part=filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap)}[data-ui=table] [data-part=expander]>[data-ui=icon]{--slotted-icon-size: var(--_icon-size);rotate:0deg;transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=expander][aria-expanded=true]>[data-ui=icon]{rotate:90deg}[data-ui=table]:dir(rtl) [data-part=expander]>[data-ui=icon]{scale:-1 1}[data-ui=table]:dir(rtl) [data-part=expander][aria-expanded=true]>[data-ui=icon]{rotate:-90deg}[data-ui=table] [data-part=detail]{background-color:var(--_stripe)}[data-ui=table] [data-part=detail]>[data-part=cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-striped] [data-part=body]>[data-part=detail]{background-color:var(--_stripe)}[data-ui=table] [data-part=empty]{color:var(--_muted);padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui=table] [data-part=loader]>[data-part=row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-loading] [data-part=body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=table] [data-part=summary]>[data-part=row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium, 500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table][data-variant=plain] [data-part=summary]>[data-part=row]>*{background-color:transparent}[data-ui=table] [data-part=footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui=table] [data-part=footer]>:last-child{flex:1 1 auto;justify-content:end}@media print{[data-ui=table] [data-part=scroll]{max-block-size:none;overflow:visible}[data-ui=table][data-sticky-header] [data-part=column-header],[data-ui=table][data-sticky-header] [data-part=head] [data-part=selection],[data-ui=table][data-sticky-footer] [data-part=summary]>[data-part=row]>*,[data-ui=table] [data-sticky]{position:static}}}\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"] }]
-        }], propDecorators: { sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }, { type: i0.Output, args: ["sortChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], cellAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellAlign", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], stickyFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyFooter", required: false }] }], stickyTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyTo", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], sortChangeRequest: [{ type: i0.Output, args: ["sortChangeRequest"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], expandedChangeRequest: [{ type: i0.Output, args: ["expandedChangeRequest"] }] } });
+                    }, styles: ["@layer slotted.components{[data-ui-table][data-part-root]{--_row-min-block: var( --slotted-table-row-min-block-size, var(--slotted-control-height-md, 34px) );--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_icon-size: var(--slotted-table-icon-size, var(--slotted-control-icon-size-md, 16px));--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_pad-inline: var( --slotted-table-cell-padding-inline, var(--slotted-control-padding-inline-md, 13px) );--_pad-block: var( --slotted-table-cell-padding-block, max( var(--slotted-space-2, .25rem), calc((var(--_row-min-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-table-radius, var(--slotted-radius-md, 6px));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-strong: var( --slotted-table-border-color-strong, var(--slotted-border-strong, ButtonBorder) );--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_surface: var(--slotted-table-surface, var(--slotted-ground, var(--slotted-surface, Canvas)));--_head-surface: var( --slotted-table-header-surface, color-mix(in oklab, var(--slotted-text, CanvasText) 8%, var(--_surface)) );--_stripe: var( --slotted-table-row-surface-stripe, color-mix(in oklab, var(--slotted-text, CanvasText) 5%, var(--_surface)) );--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );--_selected: var( --slotted-table-row-surface-selected, var(--slotted-tone-accent-surface, Canvas) );--_selected-hover: var( --slotted-table-row-surface-selected-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_selected-text: var( --slotted-table-row-color-selected, var(--slotted-tone-accent-text, CanvasText) );background-color:var(--_surface);box-sizing:border-box;color:var(--_text);display:block;isolation:isolate;font-family:var(--slotted-table-font-family, var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%}[data-ui-table][data-variant=framed]{border:var(--_rule-width) solid var(--_rule);border-radius:var(--_radius);box-shadow:var(--slotted-table-shadow, var(--slotted-shadow-xs, none));overflow:clip}[data-ui-table] [data-part-scroll]{overflow:auto;overscroll-behavior-inline:contain}[data-ui-table] [data-part-scroll]:focus{outline:none}[data-ui-table] [data-part-scroll]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-table] [data-part-table]{border-collapse:separate;border-spacing:0;inline-size:max-content;min-inline-size:100%;text-align:start}[data-ui-table][data-layout=fixed] [data-part-table]{inline-size:100%;table-layout:fixed}[data-ui-table] [data-part-caption]{caption-side:block-start;color:var(--_muted);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--_pad-block);padding-inline:var(--_edge-inset);text-align:start}[data-ui-table] [data-part-column-header],[data-ui-table] [data-part-head] [data-part-selection]{background-color:var(--_head-surface);border-block-end:var(--_rule-width) solid var(--_rule-strong);color:var(--_text);font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);position:relative;text-align:start;vertical-align:bottom}[data-ui-table][data-variant=plain] [data-part-column-header]{background-color:transparent}[data-ui-table] [data-part-row]{background-color:var(--_surface)}[data-ui-table]{--_cell-align: middle}[data-ui-table][data-cell-align=start]{--_cell-align: top}[data-ui-table][data-cell-align=end]{--_cell-align: bottom}[data-ui-table] [data-part-cell],[data-ui-table] [data-part-row-header]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start;vertical-align:var(--_cell-align)}[data-ui-table][data-part-root]{--_edge-inset: var(--_pad-inline)}[data-ui-table][data-part-root][data-edges=flush]:is([data-variant=plain],[data-variant=ruled]){--_edge-inset: var(--slotted-table-edge-inset, 0px)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):first-child,[data-ui-table] [data-part-row]>[data-part-column-header]:first-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:first-child>[data-part-sort]{padding-inline-start:var(--_edge-inset)}[data-ui-table] [data-part-row]>:is([data-part-cell],[data-part-row-header],[data-part-group-header]):last-child,[data-ui-table] [data-part-row]>[data-part-column-header]:last-child:not(:has(>[data-part-sort])),[data-ui-table] [data-part-row]>[data-part-column-header]:last-child>[data-part-sort]{padding-inline-end:var(--_edge-inset)}[data-ui-table] [data-block-align=start]{vertical-align:top}[data-ui-table] [data-block-align=center]{vertical-align:middle}[data-ui-table] [data-block-align=end]{vertical-align:bottom}[data-ui-table] :is([data-part-cell],[data-part-row-header]):has(>[data-part-root][data-variant=plain]:is([data-ui-select],[data-ui-combobox],[data-ui-multi-select],[data-ui-text-field],[data-ui-textarea],[data-ui-number-field],[data-ui-currency-field],[data-ui-date-field],[data-ui-time-field],[data-ui-datetime-field],[data-ui-tags-input],[data-ui-date-range-picker],[data-ui-time-range-picker],[data-ui-datetime-range-picker],[data-ui-entity-picker])){--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: var(--_row-min-block);--slotted-control-height-md: var(--_row-min-block);--slotted-control-height-lg: var(--_row-min-block);padding:0}[data-ui-table] [data-part-row-header]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]>*{border-block-end:var(--_rule-width) solid var(--_rule)}[data-ui-table]:is([data-variant=ruled],[data-variant=framed]) [data-part-body]>[data-part-row]:last-child>*{border-block-end-color:transparent}[data-ui-table][data-striped] [data-part-body]>[data-part-row]:nth-child(2n){background-color:var(--_stripe)}[data-ui-table] [data-part-body]>[data-part-row]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]{background-color:var(--_selected);color:var(--_selected-text)}[data-ui-table] [data-part-body]>[data-part-row][data-selected]:not([data-disabled]):hover{background-color:var(--_selected-hover)}[data-ui-table] [data-part-row][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-table] [data-part-body]>[data-part-row][data-current]:not([data-selected]){background-color:var( --slotted-table-row-surface-current, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-table] [data-part-body]>[data-part-row][data-interactive]:not([data-disabled]){cursor:pointer}[data-ui-table] [data-part-group-header]{background-color:var(--slotted-table-group-surface, var(--_stripe));border-block-end:var(--_rule-width) solid var(--_rule);color:var(--slotted-table-group-color, var(--_text));font-weight:var(--slotted-font-weight-semibold, 600);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:start}[data-ui-table] [data-part-group-content]{align-items:baseline;display:flex;gap:var(--_gap);justify-content:space-between;min-inline-size:0}[data-ui-table] [data-part-group-end]{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}[data-ui-table] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var(--slotted-table-group-sticky-offset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table][data-sticky-header] [data-part-group-row][data-sticky]>[data-part-group-header]{inset-block-start:var( --slotted-table-group-sticky-offset, calc(var(--_row-min-block) + var(--_rule-width)) )}@media(forced-colors:active){[data-ui-table] [data-part-body]>[data-part-row][data-current]{outline:var(--_rule-width) solid Highlight;outline-offset:calc(var(--_rule-width) * -1)}}[data-ui-table] [data-align=start]{text-align:start}[data-ui-table] [data-align=center]{text-align:center}[data-ui-table] [data-align=end]{text-align:end}[data-ui-table] [data-numeric]{font-variant-numeric:tabular-nums}[data-ui-table] [data-numeric]:not([data-align]){text-align:end}[data-ui-table] [data-text=wrap]{overflow-wrap:anywhere}[data-ui-table] [data-text=nowrap]{white-space:nowrap}[data-ui-table] [data-text=truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-to=page][data-sticky-header] [data-part-head] [data-part-selection]{inset-block-start:var(--slotted-table-sticky-offset, 0)}[data-ui-table][data-sticky-to=page] [data-part-scroll]{overflow:visible}[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:0;position:sticky;z-index:calc(var(--slotted-z-index-sticky, 100) + 1)}[data-ui-table][data-sticky-to=page][data-sticky-footer] [data-part-summary]>[data-part-row]>*{inset-block-end:var(--slotted-table-sticky-offset-end, 0)}[data-ui-table][data-sticky-footer] [data-part-summary] [data-sticky]{z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-table] [data-sticky=start]{background-color:inherit;inset-inline-start:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table] [data-sticky=end]{background-color:inherit;inset-inline-end:var(--slotted-table-sticky-inset, 0);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-table][data-sticky-header] [data-part-column-header][data-sticky],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection][data-sticky]{background-color:var(--_head-surface);z-index:calc(var(--slotted-z-index-sticky, 100) + 2)}[data-ui-table] [data-sticky]:after{background-color:var(--slotted-table-border-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_rule-width);inset-block:calc(var(--_rule-width) * -1) 0;position:absolute;z-index:1}[data-ui-table] [data-sticky=start]:after{inset-inline-end:0}[data-ui-table] [data-sticky=end]:after{inset-inline-start:0}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]){padding:0}[data-ui-table] [data-part-column-header]:has(>[data-part-column-actions]){--_actions-room: var( --slotted-table-column-actions-size, calc(var(--_pad-inline) + var(--slotted-target-min, 24px) + var(--_gap)) );padding-inline-end:var(--_actions-room)}[data-ui-table] [data-part-column-actions]{align-items:center;display:inline-flex;gap:var(--_gap);inset-block:0;inset-inline-end:var(--_pad-inline);position:absolute}[data-ui-table] [data-part-sort]{align-items:center;background-color:transparent;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--_gap);inline-size:100%;justify-content:space-between;min-block-size:var(--slotted-target-min, 24px);min-inline-size:0;padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:inherit}[data-ui-table] [data-align=center]>[data-part-sort]{justify-content:center}[data-ui-table] :is([data-align=end],[data-numeric]:not([data-align]))>[data-part-sort]{justify-content:end}[data-ui-table] [data-part-column-header]:has(>[data-part-sort]:not(:disabled)):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) )}[data-ui-table] [data-part-column-header]{transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-table] [data-part-sort]>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);opacity:0;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-sort]:not(:disabled):hover>[data-ui-icon],[data-ui-table] [data-part-sort]:focus-visible>[data-ui-icon]{opacity:.55}[data-ui-table] [aria-sort]>[data-part-sort]>[data-ui-icon]{opacity:1}[data-ui-table] [aria-sort=ascending]>[data-part-sort]>[data-ui-icon]{rotate:180deg}[data-ui-table] [data-part-selection]{inline-size:var(--slotted-table-selection-size, 3rem);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline);text-align:center;vertical-align:var(--_cell-align);white-space:nowrap}[data-ui-table] [data-part-selection]>[data-ui-checkbox]{block-size:var(--_line)}[data-ui-table] [data-part-selection]{--slotted-selection-halo-opacity: 0}[data-ui-table] [data-part-cell]:has(>[data-part-expander]){inline-size:1%;padding-inline-end:0;white-space:nowrap}[data-ui-table] [data-part-column-actions] *:has([data-part-filter]){display:contents}[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{background-color:transparent;border:0;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));color:var(--_muted);cursor:pointer;display:inline-flex;block-size:var(--slotted-target-min, 24px);inline-size:var(--slotted-target-min, 24px);margin-block:calc((var(--_line) - var(--slotted-target-min, 24px)) / 2);padding:0;align-items:center;justify-content:center;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}@media(pointer:coarse){[data-ui-table] [data-part-expander],[data-ui-table] [data-part-column-actions]>button,[data-ui-table] button[data-part-column-actions],[data-ui-table] [data-part-filter]{position:relative}[data-ui-table] [data-part-expander]:after,[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}[data-ui-table] [data-part-column-actions]>button:after,[data-ui-table] button[data-part-column-actions]:after,[data-ui-table] [data-part-filter]:after{inset-inline-start:0}}[data-ui-table] [data-part-expander]:not(:disabled):hover{background-color:var(--_hover);color:var(--_text)}[data-ui-table] [data-part-column-actions]>button:not(:disabled):hover,[data-ui-table] button[data-part-column-actions]:not(:disabled):hover,[data-ui-table] [data-part-filter]:not(:disabled):hover{background-color:var( --slotted-table-header-surface-hover, color-mix(in oklab, var(--slotted-text, CanvasText) 7%, var(--_head-surface)) );color:var(--_text)}[data-ui-table] [data-part-expander]:focus-visible,[data-ui-table] [data-part-column-actions]>button:focus-visible,[data-ui-table] button[data-part-column-actions]:focus-visible,[data-ui-table] [data-part-filter]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui-table] :is([data-part-column-actions],[data-part-filter]) :is(svg,img){block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-table] [data-part-filter][data-filtered],[data-ui-table] [data-part-filter][data-filtered]:not(:disabled):hover{color:var(--slotted-tone-accent-text, LinkText)}[data-ui-table][data-part-filter-panel]{--_gap: var(--slotted-table-gap, var(--slotted-control-gap-md, 8px));--_font-size: var(--slotted-table-font-size, var(--slotted-control-font-size-md, 13px));--_line: calc(var(--_font-size) * var(--slotted-line-height-md, 1.5));--_pad-block: var(--slotted-space-2, 4px);--_text: var(--slotted-table-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-table-color-muted, var(--slotted-text-muted, GrayText));--_rule: var(--slotted-table-border-color, var(--slotted-border-subtle, ButtonBorder));--_rule-width: var(--slotted-table-border-width, var(--slotted-border-width-thin, 1px));--_hover: var( --slotted-table-row-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) );box-sizing:border-box;display:grid;gap:var(--_gap);color:var(--_text);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-line-height-md, 1.5);padding:var(--slotted-space-5, 12px);min-inline-size:min(17rem,var(--slotted-positioner-available-width, 100%));max-inline-size:100%}[data-ui-table][data-part-filter-panel] [data-part-filter-condition]{display:grid;gap:calc(var(--_gap) / 2)}[data-ui-table][data-part-filter-panel] [data-part-filter-operator],[data-ui-table][data-part-filter-panel] [data-part-filter-search]{display:block}[data-ui-table][data-part-filter-panel] [data-part-filter-operand]{display:grid;gap:calc(var(--_gap) / 2);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=set]{grid-template-columns:1fr;gap:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-range],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=datetime],[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-operand=tags]{grid-template-columns:1fr}[data-ui-table][data-part-filter-panel] [data-part-filter-operand][data-kind=time]:not([data-range]){grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}[data-ui-table][data-part-filter-panel] [data-part-filter-join]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block-start:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-join]>[data-label]{color:var(--_muted)}[data-ui-table][data-part-filter-panel] [data-part-filter-list]{display:grid;gap:var(--_gap);max-block-size:calc(var(--_line) * 9);overflow-y:auto;padding-inline-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]{--slotted-selection-halo-opacity: 0;align-items:center;border-radius:var(--slotted-table-control-radius, var(--slotted-radius-sm, 4px));display:flex;gap:var(--_gap);justify-content:space-between;margin-inline:calc(var(--_gap) * -1);padding-inline:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]:not([data-disabled]):hover{background-color:var(--_hover)}[data-ui-table][data-part-filter-panel] [data-part-filter-option]>[data-count]{color:var(--_muted);font-variant-numeric:tabular-nums}[data-ui-table][data-part-filter-panel] [data-part-filter-option][data-covering]{border-block-end:var(--_rule-width) solid var(--_rule);padding-block-end:var(--_gap)}[data-ui-table][data-part-filter-panel] [data-part-filter-empty]{color:var(--_muted);padding-block:var(--_pad-block);text-align:center}[data-ui-table][data-part-filter-panel] [data-part-filter-actions]{border-block-start:var(--_rule-width) solid var(--_rule);display:flex;gap:var(--_gap);justify-content:space-between;padding-block-start:var(--_gap)}[data-ui-table] [data-part-expander]>[data-ui-icon]{--slotted-icon-size: var(--_icon-size);rotate:0deg;transition:rotate var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:90deg}[data-ui-table]:dir(rtl) [data-part-expander]>[data-ui-icon]{scale:-1 1}[data-ui-table]:dir(rtl) [data-part-expander][aria-expanded=true]>[data-ui-icon]{rotate:-90deg}[data-ui-table] [data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-detail]>[data-part-cell]{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-striped] [data-part-body]>[data-part-detail]{background-color:var(--_stripe)}[data-ui-table] [data-part-empty]{color:var(--_muted);padding-block:var(--slotted-space-9, 2rem);padding-inline:var(--_pad-inline);text-align:center}[data-ui-table] [data-part-loader]>[data-part-row]>*{padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-loading] [data-part-body]{opacity:.55;transition:opacity var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-table] [data-part-summary]>[data-part-row]>*{background-color:var(--_head-surface);border-block-start:var(--_rule-width) solid var(--_rule-strong);font-weight:var(--slotted-font-weight-medium, 500);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table][data-variant=plain] [data-part-summary]>[data-part-row]>*{background-color:transparent}[data-ui-table] [data-part-footer]{align-items:center;border-block-start:var(--_rule-width) solid var(--_rule);display:flex;flex-wrap:wrap;gap:var(--_gap);padding-block:var(--_pad-block);padding-inline:var(--_pad-inline)}[data-ui-table] [data-part-footer]>:last-child{flex:1 1 auto;justify-content:end}@media print{[data-ui-table] [data-part-scroll]{max-block-size:none;overflow:visible}[data-ui-table][data-sticky-header] [data-part-column-header],[data-ui-table][data-sticky-header] [data-part-head] [data-part-selection],[data-ui-table][data-sticky-footer] [data-part-summary]>[data-part-row]>*,[data-ui-table] [data-sticky]{position:static}}}\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"] }]
+        }], propDecorators: { sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }, { type: i0.Output, args: ["sortChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], edges: [{ type: i0.Input, args: [{ isSignal: true, alias: "edges", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], cellAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellAlign", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], stickyFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyFooter", required: false }] }], stickyTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyTo", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], sortChangeRequest: [{ type: i0.Output, args: ["sortChangeRequest"] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], expandedChangeRequest: [{ type: i0.Output, args: ["expandedChangeRequest"] }] } });
 
 /**
  * The scroller and the table it holds.
@@ -349,6 +364,7 @@ class SlTableContent {
     ...(ngDevMode ? [{ debugName: "scrollLabelledBy" }] : /* istanbul ignore next */ []));
     table = inject(SlTable);
     host = inject(ElementRef);
+    destroyRef = inject(DestroyRef);
     /** The host's own `aria-label`: the table's name, moved onto the `table`. */
     tableLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
     affordance = null;
@@ -361,6 +377,11 @@ class SlTableContent {
     regionLabelledBy = computed(() => this.state().overflowing ? (this.scrollLabelledBy() ?? null) : null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "regionLabelledBy" }] : /* istanbul ignore next */ []));
     constructor() {
+        /** A click on a cell focuses the scroller; its ring is for the keyboard (`createFocusOrigin`). */
+        afterNextRender(() => {
+            const origin = createFocusOrigin(this.host.nativeElement);
+            this.destroyRef.onDestroy(origin.destroy);
+        });
         afterNextRender(() => {
             /**
              * Nothing is measured under `stickyTo="page"`: the family has released its
@@ -376,7 +397,7 @@ class SlTableContent {
             this.affordance = handle;
             this.state.set(handle.state());
         });
-        inject(DestroyRef).onDestroy(() => {
+        this.destroyRef.onDestroy(() => {
             this.affordance?.destroy();
             this.affordance = null;
         });
@@ -392,8 +413,9 @@ class SlTableContent {
         this.affordance?.refresh();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableContent, isStandalone: true, selector: "div[slTableContent]", inputs: { totalRowCount: { classPropertyName: "totalRowCount", publicName: "totalRowCount", isSignal: true, isRequired: false, transformFunction: null }, scrollLabel: { classPropertyName: "scrollLabel", publicName: "scrollLabel", isSignal: true, isRequired: false, transformFunction: null }, scrollLabelledBy: { classPropertyName: "scrollLabelledBy", publicName: "scrollLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "scroll" }, properties: { "attr.data-overflowing": "state().overflowing ? '' : null", "attr.data-at-start": "state().overflowing && state().atStart ? '' : null", "attr.data-at-end": "state().overflowing && state().atEnd ? '' : null", "attr.role": "state().overflowing ? 'region' : null", "attr.tabindex": "state().overflowing ? '0' : null", "attr.aria-label": "regionLabel()", "attr.aria-labelledby": "regionLabelledBy()" } }, exportAs: ["slTableContent"], ngImport: i0, template: `<table
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableContent, isStandalone: true, selector: "div[slTableContent]", inputs: { totalRowCount: { classPropertyName: "totalRowCount", publicName: "totalRowCount", isSignal: true, isRequired: false, transformFunction: null }, scrollLabel: { classPropertyName: "scrollLabel", publicName: "scrollLabel", isSignal: true, isRequired: false, transformFunction: null }, scrollLabelledBy: { classPropertyName: "scrollLabelledBy", publicName: "scrollLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "scroll", "data-part-scroll": "" }, properties: { "attr.data-overflowing": "state().overflowing ? '' : null", "attr.data-at-start": "state().overflowing && state().atStart ? '' : null", "attr.data-at-end": "state().overflowing && state().atEnd ? '' : null", "attr.role": "state().overflowing ? 'region' : null", "attr.tabindex": "state().overflowing ? '0' : null", "attr.aria-label": "regionLabel()", "attr.aria-labelledby": "regionLabelledBy()" } }, exportAs: ["slTableContent"], ngImport: i0, template: `<table
     data-part="table"
+    data-part-table=""
     [attr.aria-label]="tableLabel"
     [attr.aria-busy]="table.loading() ? 'true' : null"
     [attr.aria-rowcount]="totalRowCount() ?? null"
@@ -409,6 +431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slTableContent',
                     template: `<table
     data-part="table"
+    data-part-table=""
     [attr.aria-label]="tableLabel"
     [attr.aria-busy]="table.loading() ? 'true' : null"
     [attr.aria-rowcount]="totalRowCount() ?? null"
@@ -419,6 +442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'scroll',
+                        'data-part-scroll': '',
                         '[attr.data-overflowing]': "state().overflowing ? '' : null",
                         '[attr.data-at-start]': "state().overflowing && state().atStart ? '' : null",
                         '[attr.data-at-end]': "state().overflowing && state().atEnd ? '' : null",
@@ -482,7 +506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlTableCaption {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableCaption, isStandalone: true, selector: "caption[slTableCaption]", host: { attributes: { "data-part": "caption" } }, exportAs: ["slTableCaption"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableCaption, isStandalone: true, selector: "caption[slTableCaption]", host: { attributes: { "data-part": "caption", "data-part-caption": "" } }, exportAs: ["slTableCaption"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableCaption, decorators: [{
             type: Directive,
@@ -490,12 +514,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'caption[slTableCaption]',
                     standalone: true,
                     exportAs: 'slTableCaption',
-                    host: { 'data-part': 'caption' },
+                    host: { 'data-part': 'caption', 'data-part-caption': '' },
                 }]
         }] });
 class SlTableHead {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableHead, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableHead, isStandalone: true, selector: "thead[slTableHead]", host: { attributes: { "data-part": "head" } }, exportAs: ["slTableHead"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableHead, isStandalone: true, selector: "thead[slTableHead]", host: { attributes: { "data-part": "head", "data-part-head": "" } }, exportAs: ["slTableHead"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableHead, decorators: [{
             type: Directive,
@@ -503,12 +527,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'thead[slTableHead]',
                     standalone: true,
                     exportAs: 'slTableHead',
-                    host: { 'data-part': 'head' },
+                    host: { 'data-part': 'head', 'data-part-head': '' },
                 }]
         }] });
 class SlTableBody {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableBody, isStandalone: true, selector: "tbody[slTableBody]", host: { attributes: { "data-part": "body" } }, exportAs: ["slTableBody"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableBody, isStandalone: true, selector: "tbody[slTableBody]", host: { attributes: { "data-part": "body", "data-part-body": "" } }, exportAs: ["slTableBody"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableBody, decorators: [{
             type: Directive,
@@ -516,7 +540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'tbody[slTableBody]',
                     standalone: true,
                     exportAs: 'slTableBody',
-                    host: { 'data-part': 'body' },
+                    host: { 'data-part': 'body', 'data-part-body': '' },
                 }]
         }] });
 /**
@@ -526,7 +550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlTableSummary {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSummary, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableSummary, isStandalone: true, selector: "tfoot[slTableSummary]", host: { attributes: { "data-part": "summary" } }, exportAs: ["slTableSummary"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableSummary, isStandalone: true, selector: "tfoot[slTableSummary]", host: { attributes: { "data-part": "summary", "data-part-summary": "" } }, exportAs: ["slTableSummary"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSummary, decorators: [{
             type: Directive,
@@ -534,7 +558,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'tfoot[slTableSummary]',
                     standalone: true,
                     exportAs: 'slTableSummary',
-                    host: { 'data-part': 'summary' },
+                    host: { 'data-part': 'summary', 'data-part-summary': '' },
                 }]
         }] });
 /**
@@ -544,7 +568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlTableFooter {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableFooter, isStandalone: true, selector: "div[slTableFooter]", host: { attributes: { "data-part": "footer" } }, exportAs: ["slTableFooter"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableFooter, isStandalone: true, selector: "div[slTableFooter]", host: { attributes: { "data-part": "footer", "data-part-footer": "" } }, exportAs: ["slTableFooter"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableFooter, decorators: [{
             type: Directive,
@@ -552,7 +576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'div[slTableFooter]',
                     standalone: true,
                     exportAs: 'slTableFooter',
-                    host: { 'data-part': 'footer' },
+                    host: { 'data-part': 'footer', 'data-part-footer': '' },
                 }]
         }] });
 /**
@@ -568,6 +592,23 @@ class SlTableRow {
     value = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The row the page is showing elsewhere — the record open in a detail pane
+     * beside the table. Written as `aria-current="true"`; it is not the
+     * selection, which the checkbox owns.
+     */
+    current = input(false, { ...(ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Paints the row as a thing the pointer can press. Stated beside `(action)`,
+     * because an output does not say whether anything listens to it.
+     */
+    interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * A click anywhere in the row that does not land on a control of its own — a
+     * link, a button, a field, a label. The row takes no tab stop: the keyboard
+     * reaches the record through the first link or button in it.
+     */
+    action = output();
     /**
      * The row's position in the whole set, one-based, written only where the
      * table states a total: the practice warns that setting `aria-rowindex` on
@@ -587,8 +628,15 @@ class SlTableRow {
     ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
     detailId = computed(() => `${this.table.id}-detail-${this.value() ?? ''}`, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "detailId" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef);
+    onClick(event) {
+        if (event.defaultPrevented || this.disabled())
+            return;
+        if (isRowAction(this.host.nativeElement, event.target))
+            this.action.emit(event);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableRow, isStandalone: true, selector: "tr[slTableRow]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "row" }, properties: { "attr.data-value": "value() ?? null", "attr.data-selected": "selected() ? '' : null", "attr.data-expanded": "expanded() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.aria-rowindex": "rowIndex() ?? null" } }, exportAs: ["slTableRow"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableRow, isStandalone: true, selector: "tr[slTableRow]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { attributes: { "data-part": "row", "data-part-row": "" }, listeners: { "click": "onClick($event)" }, properties: { "attr.data-value": "value() ?? null", "attr.data-selected": "selected() ? '' : null", "attr.data-expanded": "expanded() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.aria-rowindex": "rowIndex() ?? null", "attr.aria-current": "current() ? 'true' : null", "attr.data-current": "current() ? '' : null", "attr.data-interactive": "interactive() ? '' : null" } }, exportAs: ["slTableRow"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableRow, decorators: [{
             type: Directive,
@@ -598,14 +646,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slTableRow',
                     host: {
                         'data-part': 'row',
+                        'data-part-row': '',
                         '[attr.data-value]': 'value() ?? null',
                         '[attr.data-selected]': "selected() ? '' : null",
                         '[attr.data-expanded]': "expanded() ? '' : null",
                         '[attr.data-disabled]': "disabled() ? '' : null",
                         '[attr.aria-rowindex]': 'rowIndex() ?? null',
+                        '[attr.aria-current]': "current() ? 'true' : null",
+                        '[attr.data-current]': "current() ? '' : null",
+                        '[attr.data-interactive]': "interactive() ? '' : null",
+                        '(click)': 'onClick($event)',
                     },
                 }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], rowIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowIndex", required: false }] }] } });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], action: [{ type: i0.Output, args: ["action"] }], rowIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowIndex", required: false }] }] } });
 /**
  * A column's name. `scope="col"` is what makes a screen reader repeat it for
  * every cell under it, and `aria-sort` is written here and on no other header.
@@ -635,7 +688,7 @@ class SlTableColumnHeader {
     hint = computed(() => this.tooltip.isOpen() ? (this.native.textContent ?? '').trim() : '', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableColumnHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableColumnHeader, isStandalone: true, selector: "th[slTableColumnHeader]", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "column-header" }, properties: { "attr.scope": "scope() ?? 'col'", "attr.aria-sort": "ariaSort()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableColumnHeader, isStandalone: true, selector: "th[slTableColumnHeader]", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "column-header", "data-part-column-header": "" }, properties: { "attr.scope": "scope() ?? 'col'", "attr.aria-sort": "ariaSort()" } }, providers: [
             provideTooltipDefaults({
                 describes: 'none',
                 openOn: 'hover',
@@ -678,6 +731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     ],
                     host: {
                         'data-part': 'column-header',
+                        'data-part-column-header': '',
                         '[attr.scope]': "scope() ?? 'col'",
                         '[attr.aria-sort]': 'ariaSort()',
                     },
@@ -692,7 +746,7 @@ class SlTableRowHeader {
     scope = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "scope" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableRowHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableRowHeader, isStandalone: true, selector: "th[slTableRowHeader]", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "row-header" }, properties: { "attr.scope": "scope() ?? 'row'" } }, exportAs: ["slTableRowHeader"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableRowHeader, isStandalone: true, selector: "th[slTableRowHeader]", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "row-header", "data-part-row-header": "" }, properties: { "attr.scope": "scope() ?? 'row'" } }, exportAs: ["slTableRowHeader"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableRowHeader, decorators: [{
             type: Directive,
@@ -706,12 +760,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                             inputs: ['align', 'blockAlign', 'numeric', 'text', 'sticky', 'stickyOffset'],
                         },
                     ],
-                    host: { 'data-part': 'row-header', '[attr.scope]': "scope() ?? 'row'" },
+                    host: {
+                        'data-part': 'row-header',
+                        'data-part-row-header': '',
+                        '[attr.scope]': "scope() ?? 'row'",
+                    },
                 }]
         }], propDecorators: { scope: [{ type: i0.Input, args: [{ isSignal: true, alias: "scope", required: false }] }] } });
 class SlTableCell {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableCell, isStandalone: true, selector: "td[slTableCell]", host: { attributes: { "data-part": "cell" } }, exportAs: ["slTableCell"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableCell, isStandalone: true, selector: "td[slTableCell]", host: { attributes: { "data-part": "cell", "data-part-cell": "" } }, exportAs: ["slTableCell"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableCell, decorators: [{
             type: Directive,
@@ -725,7 +783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                             inputs: ['align', 'blockAlign', 'numeric', 'text', 'sticky', 'stickyOffset'],
                         },
                     ],
-                    host: { 'data-part': 'cell' },
+                    host: { 'data-part': 'cell', 'data-part-cell': '' },
                 }]
         }] });
 /**
@@ -750,7 +808,7 @@ class SlTableSort {
         this.table.requestSort(key, event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSort, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableSort, isStandalone: true, selector: "button[slTableSort]", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "sort", "type": "button" }, listeners: { "click": "press($event)" } }, exportAs: ["slTableSort"], ngImport: i0, template: `<ng-content /><span slIcon><svg slGlyph name="chevron-down"></svg></span>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableSort, isStandalone: true, selector: "button[slTableSort]", inputs: { column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "sort", "data-part-sort": "", "type": "button" }, listeners: { "click": "press($event)" } }, exportAs: ["slTableSort"], ngImport: i0, template: `<ng-content /><span slIcon><svg slGlyph name="chevron-down"></svg></span>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSort, decorators: [{
             type: Component,
@@ -765,6 +823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         'data-part': 'sort',
+                        'data-part-sort': '',
                         type: 'button',
                         '(click)': 'press($event)',
                     },
@@ -777,7 +836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlTableColumnActions {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableColumnActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableColumnActions, isStandalone: true, selector: "span[slTableColumnActions]", host: { attributes: { "data-part": "column-actions" } }, exportAs: ["slTableColumnActions"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableColumnActions, isStandalone: true, selector: "span[slTableColumnActions]", host: { attributes: { "data-part": "column-actions", "data-part-column-actions": "" } }, exportAs: ["slTableColumnActions"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableColumnActions, decorators: [{
             type: Directive,
@@ -785,7 +844,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'span[slTableColumnActions]',
                     standalone: true,
                     exportAs: 'slTableColumnActions',
-                    host: { 'data-part': 'column-actions' },
+                    host: { 'data-part': 'column-actions', 'data-part-column-actions': '' },
                 }]
         }] });
 /**
@@ -821,14 +880,16 @@ class SlTableSelect {
         this.table.toggleSelected(key, { range: event.shiftKey, source: event });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableSelect, isStandalone: true, selector: "td[slTableSelect]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "selection" } }, exportAs: ["slTableSelect"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0, template: `<span
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableSelect, isStandalone: true, selector: "td[slTableSelect]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "selection", "data-part-selection": "" } }, exportAs: ["slTableSelect"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0, template: `<span
     slCheckbox
     [checked]="checked()"
     [disabled]="row.disabled()"
     (click)="press($event)"
   >
-    <span data-ui="visually-hidden" data-part="root">{{ name() }}</span>
-  </span>`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    <span data-ui="visually-hidden" data-ui-visually-hidden="" data-part="root" data-part-root="">{{
+      name()
+    }}</span>
+  </span>`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSelect, decorators: [{
             type: Component,
@@ -843,7 +904,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     [disabled]="row.disabled()"
     (click)="press($event)"
   >
-    <span data-ui="visually-hidden" data-part="root">{{ name() }}</span>
+    <span data-ui="visually-hidden" data-ui-visually-hidden="" data-part="root" data-part-root="">{{
+      name()
+    }}</span>
   </span>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
@@ -853,7 +916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                             inputs: ['align', 'blockAlign', 'numeric', 'text', 'sticky', 'stickyOffset'],
                         },
                     ],
-                    host: { 'data-part': 'selection' },
+                    host: { 'data-part': 'selection', 'data-part-selection': '' },
                 }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
 /**
@@ -882,14 +945,16 @@ class SlTableSelectAll {
         this.table.toggleSelectAll(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSelectAll, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTableSelectAll, isStandalone: true, selector: "th[slTableSelectAll]", host: { attributes: { "data-part": "selection", "scope": "col" } }, exportAs: ["slTableSelectAll"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0, template: `<span
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlTableSelectAll, isStandalone: true, selector: "th[slTableSelectAll]", host: { attributes: { "data-part": "selection", "data-part-selection": "", "scope": "col" } }, exportAs: ["slTableSelectAll"], hostDirectives: [{ directive: SlTableCellAxes, inputs: ["align", "align", "blockAlign", "blockAlign", "numeric", "numeric", "text", "text", "sticky", "sticky", "stickyOffset", "stickyOffset"] }], ngImport: i0, template: `<span
     slCheckbox
     [checked]="checked()"
     [indeterminate]="indeterminate()"
     (click)="press($event)"
   >
-    <span data-ui="visually-hidden" data-part="root">{{ name() }}</span>
-  </span>`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    <span data-ui="visually-hidden" data-ui-visually-hidden="" data-part="root" data-part-root="">{{
+      name()
+    }}</span>
+  </span>`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSelectAll, decorators: [{
             type: Component,
@@ -904,7 +969,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     [indeterminate]="indeterminate()"
     (click)="press($event)"
   >
-    <span data-ui="visually-hidden" data-part="root">{{ name() }}</span>
+    <span data-ui="visually-hidden" data-ui-visually-hidden="" data-part="root" data-part-root="">{{
+      name()
+    }}</span>
   </span>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
@@ -914,7 +981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                             inputs: ['align', 'blockAlign', 'numeric', 'text', 'sticky', 'stickyOffset'],
                         },
                     ],
-                    host: { 'data-part': 'selection', scope: 'col' },
+                    host: { 'data-part': 'selection', 'data-part-selection': '', scope: 'col' },
                 }]
         }] });
 /**
@@ -939,7 +1006,7 @@ class SlTableExpander {
         this.table.toggleExpanded(key, event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableExpander, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableExpander, isStandalone: true, selector: "button[slTableExpander]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "expander", "type": "button" }, listeners: { "click": "press($event)" }, properties: { "attr.aria-expanded": "row.expanded()", "attr.aria-controls": "row.expanded() ? row.detailId() : null", "attr.aria-label": "name()" } }, exportAs: ["slTableExpander"], ngImport: i0, template: `<ng-content
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableExpander, isStandalone: true, selector: "button[slTableExpander]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "expander", "data-part-expander": "", "type": "button" }, listeners: { "click": "press($event)" }, properties: { "attr.aria-expanded": "row.expanded()", "attr.aria-controls": "row.expanded() ? row.detailId() : null", "attr.aria-label": "name()" } }, exportAs: ["slTableExpander"], ngImport: i0, template: `<ng-content
     ><span slIcon><svg slGlyph name="chevron-right"></svg></span
   ></ng-content>`, isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -957,6 +1024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         'data-part': 'expander',
+                        'data-part-expander': '',
                         type: 'button',
                         '[attr.aria-expanded]': 'row.expanded()',
                         '[attr.aria-controls]': 'row.expanded() ? row.detailId() : null',
@@ -986,7 +1054,7 @@ class SlTableDetail {
     detailId = computed(() => `${this.table.id}-detail-${this.value()}`, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "detailId" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableDetail, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableDetail, isStandalone: true, selector: "tr[slTableDetail]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "detail" }, properties: { "attr.id": "detailId()" } }, exportAs: ["slTableDetail"], ngImport: i0, template: `<td [attr.colspan]="span()" data-part="cell"><ng-content /></td>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTableDetail, isStandalone: true, selector: "tr[slTableDetail]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "detail", "data-part-detail": "" }, properties: { "attr.id": "detailId()" } }, exportAs: ["slTableDetail"], ngImport: i0, template: `<td [attr.colspan]="span()" data-part="cell" data-part-cell=""><ng-content /></td>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableDetail, decorators: [{
             type: Component,
@@ -994,15 +1062,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'tr[slTableDetail]',
                     standalone: true,
                     exportAs: 'slTableDetail',
-                    template: `<td [attr.colspan]="span()" data-part="cell"><ng-content /></td>`,
+                    template: `<td [attr.colspan]="span()" data-part="cell" data-part-cell=""><ng-content /></td>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    host: { 'data-part': 'detail', '[attr.id]': 'detailId()' },
+                    host: { 'data-part': 'detail', 'data-part-detail': '', '[attr.id]': 'detailId()' },
                 }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }] } });
+/** Marks what stands at the end of a group's band: its total or net. */
+class SlTableGroupRowEnd {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableGroupRowEnd, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTableGroupRowEnd, isStandalone: true, selector: "[slTableGroupRowEnd]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableGroupRowEnd, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slTableGroupRowEnd]',
+                    standalone: true,
+                }]
+        }] });
+/**
+ * The band that opens a group of rows — a day of a ledger, with its net at the
+ * end. One header cell spans every column; `scope="rowgroup"` names the rows
+ * of the `tbody` it opens, so a ledger writes one body per group.
+ */
+class SlTableGroupRow {
+    /** How many columns the band spans. Defaults to the table's own count. */
+    colSpan = input(undefined, { ...(ngDevMode ? { debugName: "colSpan" } : /* istanbul ignore next */ {}), transform: (count) => (count === undefined ? undefined : numberAttribute(count)) });
+    /** Holds the band under the header while its rows scroll past. */
+    sticky = input(false, { ...(ngDevMode ? { debugName: "sticky" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    table = inject(SlTable);
+    end = contentChild(SlTableGroupRowEnd, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "end" }] : /* istanbul ignore next */ []));
+    span = computed(() => this.colSpan() ?? this.table.resolvedColumns(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableGroupRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTableGroupRow, isStandalone: true, selector: "tr[slTableGroupRow]", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "group-row", "data-part-group-row": "" }, properties: { "attr.data-sticky": "sticky() ? '' : null" } }, queries: [{ propertyName: "end", first: true, predicate: SlTableGroupRowEnd, descendants: true, isSignal: true }], exportAs: ["slTableGroupRow"], ngImport: i0, template: `<th
+    [attr.colspan]="span()"
+    data-part="group-header"
+    data-part-group-header=""
+    scope="rowgroup"
+  >
+    <div data-part="group-content" data-part-group-content="">
+      <span data-part="group-start" data-part-group-start=""><ng-content /></span>
+      @if (end()) {
+        <span data-part="group-end" data-part-group-end=""
+          ><ng-content select="[slTableGroupRowEnd]"
+        /></span>
+      }
+    </div>
+  </th>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableGroupRow, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tr[slTableGroupRow]',
+                    standalone: true,
+                    exportAs: 'slTableGroupRow',
+                    template: `<th
+    [attr.colspan]="span()"
+    data-part="group-header"
+    data-part-group-header=""
+    scope="rowgroup"
+  >
+    <div data-part="group-content" data-part-group-content="">
+      <span data-part="group-start" data-part-group-start=""><ng-content /></span>
+      @if (end()) {
+        <span data-part="group-end" data-part-group-end=""
+          ><ng-content select="[slTableGroupRowEnd]"
+        /></span>
+      }
+    </div>
+  </th>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'group-row',
+                        'data-part-group-row': '',
+                        '[attr.data-sticky]': "sticky() ? '' : null",
+                    },
+                }]
+        }], propDecorators: { colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], end: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlTableGroupRowEnd), { isSignal: true }] }] } });
 /**
  * What is shown when there is nothing. It takes a `result-state`, whose status
- * axis already separates an empty set from a set a filter emptied.
+ * axis already separates an empty set from a set a filter emptied. The cell
+ * goes in a plain `tr`, not an `slTableRow`: the row is not a record, so it
+ * takes no hover, stripe or selection — the row React's `TableEmpty` writes.
  */
 class SlTableEmpty {
     colSpan = input(undefined, { ...(ngDevMode ? { debugName: "colSpan" } : /* istanbul ignore next */ {}), transform: (count) => (count === undefined ? undefined : numberAttribute(count)) });
@@ -1010,7 +1154,7 @@ class SlTableEmpty {
     span = computed(() => this.colSpan() ?? this.table.resolvedColumns(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableEmpty, isStandalone: true, selector: "td[slTableEmpty]", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "empty" }, properties: { "attr.colspan": "span()" } }, exportAs: ["slTableEmpty"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlTableEmpty, isStandalone: true, selector: "td[slTableEmpty]", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "empty", "data-part-empty": "" }, properties: { "attr.colspan": "span()" } }, exportAs: ["slTableEmpty"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableEmpty, decorators: [{
             type: Directive,
@@ -1018,7 +1162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: 'td[slTableEmpty]',
                     standalone: true,
                     exportAs: 'slTableEmpty',
-                    host: { 'data-part': 'empty', '[attr.colspan]': 'span()' },
+                    host: { 'data-part': 'empty', 'data-part-empty': '', '[attr.colspan]': 'span()' },
                 }]
         }], propDecorators: { colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }] } });
 /**
@@ -1035,10 +1179,10 @@ class SlTableLoader {
     cells = computed(() => Array.from({ length: this.table.resolvedColumns() }, (_cell, index) => index), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTableLoader, isStandalone: true, selector: "tbody[slTableLoader]", inputs: { skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "loader", "aria-hidden": "true" } }, exportAs: ["slTableLoader"], ngImport: i0, template: `@for (row of skeleton(); track row) {
-    <tr data-part="row">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTableLoader, isStandalone: true, selector: "tbody[slTableLoader]", inputs: { skeletonRows: { classPropertyName: "skeletonRows", publicName: "skeletonRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "loader", "data-part-loader": "", "aria-hidden": "true" } }, exportAs: ["slTableLoader"], ngImport: i0, template: `@for (row of skeleton(); track row) {
+    <tr data-part="row" data-part-row="">
       @for (cell of cells(); track cell) {
-        <td data-part="cell">
+        <td data-part="cell" data-part-cell="">
           <span slSkeleton loading inlineSize="100%"></span>
         </td>
       }
@@ -1053,9 +1197,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slTableLoader',
                     imports: [SlSkeleton],
                     template: `@for (row of skeleton(); track row) {
-    <tr data-part="row">
+    <tr data-part="row" data-part-row="">
       @for (cell of cells(); track cell) {
-        <td data-part="cell">
+        <td data-part="cell" data-part-cell="">
           <span slSkeleton loading inlineSize="100%"></span>
         </td>
       }
@@ -1063,7 +1207,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
   }`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    host: { 'data-part': 'loader', 'aria-hidden': 'true' },
+                    host: { 'data-part': 'loader', 'data-part-loader': '', 'aria-hidden': 'true' },
                 }]
         }], propDecorators: { skeletonRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "skeletonRows", required: false }] }] } });
 /** Every part of the family, for a template that imports the set at once. */
@@ -1077,6 +1221,8 @@ const SL_TABLE_PARTS = [
     SlTableEmpty,
     SlTableExpander,
     SlTableFooter,
+    SlTableGroupRow,
+    SlTableGroupRowEnd,
     SlTableHead,
     SlTableLoader,
     SlTableRow,
@@ -1347,6 +1493,7 @@ class SlTableFilterShell {
       slPopoverTrigger
       type="button"
       data-part="filter"
+      data-part-filter=""
       [attr.data-filtered]="owner().filtered() ? '' : null"
       [attr.aria-label]="owner().name()"
     >
@@ -1369,10 +1516,16 @@ class SlTableFilterShell {
              popover's: slPopoverContent names its own identity, and a second
              data-ui on the same element is one of them lost — the surface, the
              radius and the shadow all came off the panel. -->
-        <div data-ui="table" data-part="filter-panel" [attr.data-kind]="owner().kind">
+        <div
+          data-ui="table"
+          data-ui-table=""
+          data-part="filter-panel"
+          data-part-filter-panel=""
+          [attr.data-kind]="owner().kind"
+        >
           @for (row of owner().rows(); track $index) {
             @if ($index === 1) {
-              <div data-part="filter-join">
+              <div data-part="filter-join" data-part-filter-join="">
                 <span data-label>{{ owner().t('filterJoin') }}</span>
                 <div
                   slRadioGroup
@@ -1388,8 +1541,12 @@ class SlTableFilterShell {
               </div>
             }
 
-            <div data-part="filter-condition" [attr.data-operands]="owner().slotsOf(row).length">
-              <div data-part="filter-operator">
+            <div
+              data-part="filter-condition"
+              data-part-filter-condition=""
+              [attr.data-operands]="owner().slotsOf(row).length"
+            >
+              <div data-part="filter-operator" data-part-filter-operator="">
                 <!-- items names every operator for the closed control: without
                      it the trigger falls back to the value itself and a reader
                      sees the raw between the engine speaks. -->
@@ -1412,6 +1569,7 @@ class SlTableFilterShell {
               @if (owner().slotsOf(row).length > 0) {
                 <div
                   data-part="filter-operand"
+                  data-part-filter-operand=""
                   [attr.data-kind]="owner().kind"
                   [attr.data-operand]="owner().operandName()"
                   [attr.data-range]="owner().rangeMark(row)"
@@ -1425,7 +1583,7 @@ class SlTableFilterShell {
             </div>
           }
 
-          <div data-part="filter-actions">
+          <div data-part="filter-actions" data-part-filter-actions="">
             <button
               slButton
               type="button"
@@ -1444,7 +1602,7 @@ class SlTableFilterShell {
         </div>
       </div>
     </ng-template>
-  </ng-container>`, 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: "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: "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: SlRadio, selector: "[slRadio]", inputs: ["value", "disabled"], exportAs: ["slRadio"] }, { kind: "component", type: SlRadioGroup, selector: "[slRadioGroup]", inputs: ["value", "defaultValue", "name", "size", "orientation", "labelPlacement", "variant", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slRadioGroup"] }, { 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 });
+  </ng-container>`, 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: "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: "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: SlRadio, selector: "[slRadio]", inputs: ["value", "disabled"], exportAs: ["slRadio"] }, { kind: "component", type: SlRadioGroup, selector: "[slRadioGroup]", inputs: ["value", "defaultValue", "name", "size", "orientation", "labelPlacement", "variant", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slRadioGroup"] }, { 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: SlTableFilterShell, decorators: [{
             type: Component,
@@ -1474,6 +1632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       slPopoverTrigger
       type="button"
       data-part="filter"
+      data-part-filter=""
       [attr.data-filtered]="owner().filtered() ? '' : null"
       [attr.aria-label]="owner().name()"
     >
@@ -1496,10 +1655,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
              popover's: slPopoverContent names its own identity, and a second
              data-ui on the same element is one of them lost — the surface, the
              radius and the shadow all came off the panel. -->
-        <div data-ui="table" data-part="filter-panel" [attr.data-kind]="owner().kind">
+        <div
+          data-ui="table"
+          data-ui-table=""
+          data-part="filter-panel"
+          data-part-filter-panel=""
+          [attr.data-kind]="owner().kind"
+        >
           @for (row of owner().rows(); track $index) {
             @if ($index === 1) {
-              <div data-part="filter-join">
+              <div data-part="filter-join" data-part-filter-join="">
                 <span data-label>{{ owner().t('filterJoin') }}</span>
                 <div
                   slRadioGroup
@@ -1515,8 +1680,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               </div>
             }
 
-            <div data-part="filter-condition" [attr.data-operands]="owner().slotsOf(row).length">
-              <div data-part="filter-operator">
+            <div
+              data-part="filter-condition"
+              data-part-filter-condition=""
+              [attr.data-operands]="owner().slotsOf(row).length"
+            >
+              <div data-part="filter-operator" data-part-filter-operator="">
                 <!-- items names every operator for the closed control: without
                      it the trigger falls back to the value itself and a reader
                      sees the raw between the engine speaks. -->
@@ -1539,6 +1708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               @if (owner().slotsOf(row).length > 0) {
                 <div
                   data-part="filter-operand"
+                  data-part-filter-operand=""
                   [attr.data-kind]="owner().kind"
                   [attr.data-operand]="owner().operandName()"
                   [attr.data-range]="owner().rangeMark(row)"
@@ -1552,7 +1722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             </div>
           }
 
-          <div data-part="filter-actions">
+          <div data-part="filter-actions" data-part-filter-actions="">
             <button
               slButton
               type="button"
@@ -1767,7 +1937,7 @@ class SlTableDateFilter extends SlTableFilterBase {
           (keydown.enter)="context.apply()"
         ></div>
       }
-    </ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlTableFilterShell, selector: "span[slTableFilterShell]", inputs: ["slTableFilterShell", "operand"], exportAs: ["slTableFilterShell"] }, { 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: SlDateRangePicker, selector: "[slDateRangePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "position", "defaultPosition", "min", "max", "isDateUnavailable", "contiguous", "minLength", "maxLength", "count", "months", "weekNumbers", "fixedWeeks", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "messages", "startName", "endName"], outputs: ["valueChange", "openChange", "positionChange"], exportAs: ["slDateRangePicker"] }, { kind: "directive", type: SlDateRangePickerPresets, selector: "[slDateRangePickerPresets]", exportAs: ["slDateRangePickerPresets"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    </ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlTableFilterShell, selector: "span[slTableFilterShell]", inputs: ["slTableFilterShell", "operand"], exportAs: ["slTableFilterShell"] }, { 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: SlDateRangePicker, selector: "[slDateRangePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "position", "defaultPosition", "min", "max", "isDateUnavailable", "contiguous", "minLength", "maxLength", "count", "months", "weekNumbers", "fixedWeeks", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "messages", "startName", "endName"], outputs: ["valueChange", "openChange", "positionChange"], exportAs: ["slDateRangePicker"] }, { kind: "directive", type: SlDateRangePickerPresets, selector: "[slDateRangePickerPresets]", exportAs: ["slDateRangePickerPresets"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableDateFilter, decorators: [{
             type: Component,
@@ -2369,7 +2539,7 @@ class SlTableSetFilter extends SlTableFilterBase {
         }
       } @else {
         @if (searching()) {
-          <div data-part="filter-search">
+          <div data-part="filter-search" data-part-filter-search="">
             <div slTextField size="sm" clearable>
               <input
                 slTextFieldInput
@@ -2383,10 +2553,10 @@ class SlTableSetFilter extends SlTableFilterBase {
         }
 
         @if (shown().length === 0) {
-          <p data-part="filter-empty">{{ t('filterEmpty') }}</p>
+          <p data-part="filter-empty" data-part-filter-empty="">{{ t('filterEmpty') }}</p>
         } @else {
-          <div data-part="filter-list">
-            <div data-part="filter-option" data-covering>
+          <div data-part="filter-list" data-part-filter-list="">
+            <div data-part="filter-option" data-part-filter-option="" data-covering>
               <span
                 slCheckbox
                 [checked]="allCovered(context)"
@@ -2399,7 +2569,7 @@ class SlTableSetFilter extends SlTableFilterBase {
             </div>
 
             @for (option of shown(); track option.value) {
-              <div data-part="filter-option">
+              <div data-part="filter-option" data-part-filter-option="">
                 <span
                   slCheckbox
                   [checked]="chosen(context).includes(option.value)"
@@ -2415,7 +2585,7 @@ class SlTableSetFilter extends SlTableFilterBase {
           </div>
         }
       }
-    </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: SlTableFilterShell, selector: "span[slTableFilterShell]", inputs: ["slTableFilterShell", "operand"], exportAs: ["slTableFilterShell"] }, { 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: SlTagsInput, selector: "sl-tags-input", inputs: ["value", "defaultValue", "inputValue", "aria-label", "placeholder", "name", "form", "type", "list", "pattern", "minLength", "maxLength", "inputMode", "autocomplete", "locale", "validateValue", "normalize", "split", "formatLabel", "lockedValues", "delimiters", "max", "size", "variant", "overflow", "invalidValues", "pendingOnBlur", "messages", "addOnPaste", "allowDuplicates", "editable", "reorderable", "clearable", "fullWidth", "disabled", "readOnly", "required", "invalid"], outputs: ["valueChange", "valueChangeRequest", "inputValueChange", "inputValueChangeRequest", "valueRefuse", "valueCopy"], exportAs: ["slTagsInput"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    </ng-template>`, isInline: true, dependencies: [{ kind: "component", type: SlTableFilterShell, selector: "span[slTableFilterShell]", inputs: ["slTableFilterShell", "operand"], exportAs: ["slTableFilterShell"] }, { 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: SlTagsInput, selector: "sl-tags-input", inputs: ["value", "defaultValue", "inputValue", "aria-label", "placeholder", "name", "form", "type", "list", "pattern", "minLength", "maxLength", "inputMode", "autocomplete", "locale", "validateValue", "normalize", "suggestions", "split", "formatLabel", "lockedValues", "delimiters", "max", "size", "variant", "overflow", "invalidValues", "pendingOnBlur", "messages", "addOnPaste", "allowDuplicates", "editable", "reorderable", "clearable", "fullWidth", "disabled", "readOnly", "required", "invalid"], outputs: ["valueChange", "valueChangeRequest", "inputValueChange", "inputValueChangeRequest", "valueRefuse", "valueCopy"], exportAs: ["slTagsInput"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTableSetFilter, decorators: [{
             type: Component,
@@ -2457,7 +2627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
       } @else {
         @if (searching()) {
-          <div data-part="filter-search">
+          <div data-part="filter-search" data-part-filter-search="">
             <div slTextField size="sm" clearable>
               <input
                 slTextFieldInput
@@ -2471,10 +2641,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
 
         @if (shown().length === 0) {
-          <p data-part="filter-empty">{{ t('filterEmpty') }}</p>
+          <p data-part="filter-empty" data-part-filter-empty="">{{ t('filterEmpty') }}</p>
         } @else {
-          <div data-part="filter-list">
-            <div data-part="filter-option" data-covering>
+          <div data-part="filter-list" data-part-filter-list="">
+            <div data-part="filter-option" data-part-filter-option="" data-covering>
               <span
                 slCheckbox
                 [checked]="allCovered(context)"
@@ -2487,7 +2657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             </div>
 
             @for (option of shown(); track option.value) {
-              <div data-part="filter-option">
+              <div data-part="filter-option" data-part-filter-option="">
                 <span
                   slCheckbox
                   [checked]="chosen(context).includes(option.value)"
@@ -2514,5 +2684,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SL_TABLE_PARTS, SlTable, SlTableBody, SlTableBooleanFilter, SlTableCaption, SlTableCell, SlTableCellAxes, SlTableColumnActions, SlTableColumnHeader, SlTableContent, SlTableDateFilter, SlTableDateTimeFilter, SlTableDetail, SlTableEmpty, SlTableExpander, SlTableFilterBase, SlTableFilterShell, SlTableFooter, SlTableHead, SlTableIdFactory, SlTableLoader, SlTableNumberFilter, SlTableRow, SlTableRowHeader, SlTableSelect, SlTableSelectAll, SlTableSetFilter, SlTableSort, SlTableSummary, SlTableTextFilter, SlTableTimeFilter, TABLE_DEFAULTS, TABLE_ROW_SELECTOR, injectTableDefaults, provideTableDefaults };
+export { SL_TABLE_PARTS, SlTable, SlTableBody, SlTableBooleanFilter, SlTableCaption, SlTableCell, SlTableCellAxes, SlTableColumnActions, SlTableColumnHeader, SlTableContent, SlTableDateFilter, SlTableDateTimeFilter, SlTableDetail, SlTableEmpty, SlTableExpander, SlTableFilterBase, SlTableFilterShell, SlTableFooter, SlTableGroupRow, SlTableGroupRowEnd, SlTableHead, SlTableIdFactory, SlTableLoader, SlTableNumberFilter, SlTableRow, SlTableRowHeader, SlTableSelect, SlTableSelectAll, SlTableSetFilter, SlTableSort, SlTableSummary, SlTableTextFilter, SlTableTimeFilter, TABLE_DEFAULTS, TABLE_ROW_SELECTOR, injectTableDefaults, provideTableDefaults };
 //# sourceMappingURL=slotted-angular-table.mjs.map