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

package/fesm2022/slotted-angular-filter-bar.mjs

@@ -1,3 +1,4 @@
+import { writeSelectorKey } from '@slotted/core/selector-key';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, TemplateRef, Directive, ElementRef, afterNextRender, booleanAttribute, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, forwardRef, DestroyRef, signal, effect, untracked, model, numberAttribute, Injector, HostAttributeToken, viewChild, contentChildren, contentChild, afterRenderEffect } from '@angular/core';
@@ -195,7 +196,7 @@ class SlFilterBarPart {
     part = input.required({ ...(ngDevMode ? { debugName: "part" } : /* istanbul ignore next */ {}), alias: 'slFilterBarPart' });
     host = inject(ElementRef);
     constructor() {
-        afterNextRender(() => this.host.nativeElement.setAttribute('data-part', this.part()));
+        afterNextRender(() => writeSelectorKey(this.host.nativeElement, 'part', this.part()));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBarPart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlFilterBarPart, isStandalone: true, selector: "[slFilterBarPart]", inputs: { part: { classPropertyName: "part", publicName: "slFilterBarPart", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
@@ -316,7 +317,7 @@ class SlFilterBarCondition {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBarCondition, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFilterBarCondition, isStandalone: true, selector: "[slFilterBarCondition]", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, condition: { classPropertyName: "condition", publicName: "condition", isSignal: true, isRequired: true, transformFunction: null }, translator: { classPropertyName: "translator", publicName: "translator", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, operandTemplates: { classPropertyName: "operandTemplates", publicName: "operandTemplates", isSignal: true, isRequired: false, transformFunction: null }, withOperator: { classPropertyName: "withOperator", publicName: "withOperator", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, ids: { classPropertyName: "ids", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { applyRequest: "applyRequest", conditionChange: "conditionChange" }, host: { styleAttribute: "display: contents" }, ngImport: i0, template: `
     @if (withOperator()) {
-      <div data-part="operator" [attr.id]="ids()?.operator ?? null">
+      <div data-part="operator" data-part-operator="" [attr.id]="ids()?.operator ?? null">
         <sl-select
           [size]="size()"
           [fullWidth]="true"
@@ -332,7 +333,7 @@ class SlFilterBarCondition {
         </sl-select>
       </div>
     }
-    <div data-part="operand" [attr.id]="ids()?.operand ?? null">
+    <div data-part="operand" data-part-operand="" [attr.id]="ids()?.operand ?? null">
       @for (slot of slots(); track slot) {
         @if (customTemplate(); as custom) {
           <ng-container
@@ -431,7 +432,7 @@ class SlFilterBarCondition {
         }
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlDatePicker, selector: "[slDatePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "min", "max", "isDateUnavailable", "selectionMode", "months", "defaultView", "weekNumbers", "fixedWeeks", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "name", "messages"], outputs: ["valueChange", "openChange"], exportAs: ["slDatePicker"] }, { kind: "component", type: SlDateTimePicker, selector: "[slDateTimePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "highlighted", "defaultHighlighted", "min", "max", "minTime", "maxTime", "isDateUnavailable", "isTimeUnavailable", "step", "options", "maxOptions", "unavailableOptions", "locale", "timeZone", "hourCycle", "granularity", "calendar", "firstDayOfWeek", "months", "weekNumbers", "referenceDateTime", "size", "variant", "placement", "openTo", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "name", "messages"], outputs: ["valueChange", "openChange", "highlightedChange"], exportAs: ["slDateTimePicker"] }, { kind: "component", type: SlMultiSelect, selector: "sl-multi-select", inputs: ["value", "defaultValue", "inputValue", "open", "highlightedValue", "aria-label", "placeholder", "name", "form", "items", "total", "locale", "filter", "validateValue", "delimiters", "max", "size", "variant", "side", "align", "width", "mount", "strategy", "openOn", "overflow", "chosenOptions", "messages", "sideOffset", "alignOffset", "collisionPadding", "addOnPaste", "allowDuplicates", "commitOnBlur", "creatable", "editable", "reorderable", "highlightMatch", "clearable", "loop", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "inputValueChange", "inputValueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "valueRefuse", "loadMore"], exportAs: ["slMultiSelect"] }, { kind: "component", type: SlMultiSelectItem, selector: "sl-multi-select-item", inputs: ["value", "label", "disabled", "description", "icon", "position"], exportAs: ["slMultiSelectItem"] }, { kind: "component", type: SlNumberField, selector: "[slNumberField]", inputs: ["size", "variant", "stepper", "messages"], exportAs: ["slNumberField"] }, { kind: "directive", type: SlNumberFieldInput, selector: "input[slNumberFieldInput]", inputs: ["value", "defaultValue", "min", "max", "step", "largeStep", "smallStep", "stepFrom", "snapToStep", "clamp", "format", "formatOn", "locale", "wheel", "disabled", "readOnly", "invalid"], outputs: ["valueChange"], exportAs: ["slNumberFieldInput"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }, { kind: "component", type: SlTimePicker, selector: "[slTimePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "highlightedValue", "defaultHighlightedValue", "min", "max", "isTimeUnavailable", "step", "options", "maxOptions", "unavailableOptions", "locale", "timeZone", "hourCycle", "granularity", "referenceTime", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "name", "messages"], outputs: ["valueChange", "openChange", "highlightedValueChange"], exportAs: ["slTimePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlDatePicker, selector: "[slDatePicker]", inputs: ["value", "defaultValue", "granularity", "open", "defaultOpen", "min", "max", "isDateUnavailable", "selectionMode", "months", "defaultView", "weekNumbers", "fixedWeeks", "locale", "timeZone", "firstDayOfWeek", "yearPivot", "calendar", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "name", "messages"], outputs: ["valueChange", "openChange"], exportAs: ["slDatePicker"] }, { kind: "component", type: SlDateTimePicker, selector: "[slDateTimePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "highlighted", "defaultHighlighted", "min", "max", "minTime", "maxTime", "isDateUnavailable", "isTimeUnavailable", "step", "options", "maxOptions", "unavailableOptions", "locale", "timeZone", "hourCycle", "granularity", "calendar", "firstDayOfWeek", "months", "weekNumbers", "referenceDateTime", "size", "variant", "placement", "openTo", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "name", "messages"], outputs: ["valueChange", "openChange", "highlightedChange"], exportAs: ["slDateTimePicker"] }, { kind: "component", type: SlMultiSelect, selector: "sl-multi-select", inputs: ["value", "defaultValue", "inputValue", "open", "highlightedValue", "aria-label", "placeholder", "name", "form", "items", "total", "locale", "filter", "validateValue", "delimiters", "max", "size", "variant", "side", "align", "width", "mount", "strategy", "openOn", "overflow", "chosenOptions", "messages", "sideOffset", "alignOffset", "collisionPadding", "addOnPaste", "allowDuplicates", "commitOnBlur", "creatable", "editable", "reorderable", "highlightMatch", "clearable", "loop", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "inputValueChange", "inputValueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "valueRefuse", "loadMore"], exportAs: ["slMultiSelect"] }, { kind: "component", type: SlMultiSelectItem, selector: "sl-multi-select-item", inputs: ["value", "label", "disabled", "description", "icon", "position"], exportAs: ["slMultiSelectItem"] }, { kind: "component", type: SlNumberField, selector: "[slNumberField]", inputs: ["size", "variant", "stepper", "messages"], exportAs: ["slNumberField"] }, { kind: "directive", type: SlNumberFieldInput, selector: "input[slNumberFieldInput]", inputs: ["value", "defaultValue", "min", "max", "step", "largeStep", "smallStep", "stepFrom", "snapToStep", "clamp", "format", "formatOn", "locale", "wheel", "disabled", "readOnly", "invalid"], outputs: ["valueChange"], exportAs: ["slNumberFieldInput"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldInput, selector: "input[slTextFieldInput]", inputs: ["value", "defaultValue", "disabled", "readOnly", "invalid", "showCount", "countMax", "revealed", "defaultRevealed", "type"], outputs: ["valueChange", "revealedChange"], exportAs: ["slTextFieldInput"] }, { kind: "component", type: SlTimePicker, selector: "[slTimePicker]", inputs: ["value", "defaultValue", "open", "defaultOpen", "highlightedValue", "defaultHighlightedValue", "min", "max", "isTimeUnavailable", "step", "options", "maxOptions", "unavailableOptions", "locale", "timeZone", "hourCycle", "granularity", "referenceTime", "size", "variant", "placement", "closeOnSelect", "disabled", "readOnly", "invalid", "required", "clearable", "relative", "name", "messages"], outputs: ["valueChange", "openChange", "highlightedValueChange"], exportAs: ["slTimePicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBarCondition, decorators: [{
             type: Component,
@@ -454,7 +455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     ],
                     template: `
     @if (withOperator()) {
-      <div data-part="operator" [attr.id]="ids()?.operator ?? null">
+      <div data-part="operator" data-part-operator="" [attr.id]="ids()?.operator ?? null">
         <sl-select
           [size]="size()"
           [fullWidth]="true"
@@ -470,7 +471,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </sl-select>
       </div>
     }
-    <div data-part="operand" [attr.id]="ids()?.operand ?? null">
+    <div data-part="operand" data-part-operand="" [attr.id]="ids()?.operand ?? null">
       @for (slot of slots(); track slot) {
         @if (customTemplate(); as custom) {
           <ng-container
@@ -641,9 +642,10 @@ class SlFilterBarRule {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBarRule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFilterBarRule, isStandalone: true, selector: "[slFilterBarRule]", inputs: { rule: { classPropertyName: "rule", publicName: "rule", isSignal: true, isRequired: true, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, translator: { classPropertyName: "translator", publicName: "translator", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, operandTemplates: { classPropertyName: "operandTemplates", publicName: "operandTemplates", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ruleChange: "ruleChange", removeRequest: "removeRequest", applyRequest: "applyRequest", expandedChange: "expandedChange" }, host: { attributes: { "data-part": "rule" }, properties: { "attr.data-kind": "field()?.kind ?? null", "attr.data-operands": "operands()", "attr.data-invalid": "invalid() || !field() ? \"\" : null", "attr.data-expanded": "isExpanded() ? \"\" : null" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFilterBarRule, isStandalone: true, selector: "[slFilterBarRule]", inputs: { rule: { classPropertyName: "rule", publicName: "rule", isSignal: true, isRequired: true, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, translator: { classPropertyName: "translator", publicName: "translator", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, operandTemplates: { classPropertyName: "operandTemplates", publicName: "operandTemplates", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ruleChange: "ruleChange", removeRequest: "removeRequest", applyRequest: "applyRequest", expandedChange: "expandedChange" }, host: { attributes: { "data-part": "rule", "data-part-rule": "" }, properties: { "attr.data-kind": "field()?.kind ?? null", "attr.data-operands": "operands()", "attr.data-invalid": "invalid() || !field() ? \"\" : null", "attr.data-expanded": "isExpanded() ? \"\" : null" } }, ngImport: i0, template: `
     <button
       data-part="rule-summary"
+      data-part-rule-summary=""
       type="button"
       [attr.aria-expanded]="isExpanded()"
       [attr.aria-controls]="id + '-field ' + id + '-operator ' + id + '-operand'"
@@ -658,7 +660,7 @@ class SlFilterBarRule {
       </span>
       <span slIcon><svg slGlyph name="chevron-down"></svg></span>
     </button>
-    <div data-part="field" [id]="id + '-field'">
+    <div data-part="field" data-part-field="" [id]="id + '-field'">
       <sl-select
         [size]="size()"
         [fullWidth]="true"
@@ -687,12 +689,13 @@ class SlFilterBarRule {
         (applyRequest)="applyRequest.emit()"
       ></div>
     } @else {
-      <div data-part="operator" [id]="id + '-operator'"></div>
-      <div data-part="operand" [id]="id + '-operand'"></div>
+      <div data-part="operator" data-part-operator="" [id]="id + '-operator'"></div>
+      <div data-part="operand" data-part-operand="" [id]="id + '-operand'"></div>
     }
     @if (removable()) {
       <button
         data-part="remove"
+        data-part-remove=""
         type="button"
         [attr.aria-label]="t('removeRule')"
         (click)="removeRequest.emit()"
@@ -713,6 +716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     template: `
     <button
       data-part="rule-summary"
+      data-part-rule-summary=""
       type="button"
       [attr.aria-expanded]="isExpanded()"
       [attr.aria-controls]="id + '-field ' + id + '-operator ' + id + '-operand'"
@@ -727,7 +731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </span>
       <span slIcon><svg slGlyph name="chevron-down"></svg></span>
     </button>
-    <div data-part="field" [id]="id + '-field'">
+    <div data-part="field" data-part-field="" [id]="id + '-field'">
       <sl-select
         [size]="size()"
         [fullWidth]="true"
@@ -756,12 +760,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         (applyRequest)="applyRequest.emit()"
       ></div>
     } @else {
-      <div data-part="operator" [id]="id + '-operator'"></div>
-      <div data-part="operand" [id]="id + '-operand'"></div>
+      <div data-part="operator" data-part-operator="" [id]="id + '-operator'"></div>
+      <div data-part="operand" data-part-operand="" [id]="id + '-operand'"></div>
     }
     @if (removable()) {
       <button
         data-part="remove"
+        data-part-remove=""
         type="button"
         [attr.aria-label]="t('removeRule')"
         (click)="removeRequest.emit()"
@@ -776,6 +781,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'rule',
+                        'data-part-rule': '',
                         '[attr.data-kind]': 'field()?.kind ?? null',
                         '[attr.data-operands]': 'operands()',
                         '[attr.data-invalid]': 'invalid() || !field() ? "" : null',
@@ -860,9 +866,9 @@ class SlFilterBarGroup {
         this.expandedChange.emit([...this.path(), at, 0].join('.'));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFilterBarGroup, isStandalone: true, selector: "fieldset[slFilterBarGroup]", inputs: { group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: true, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: true, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, translator: { classPropertyName: "translator", publicName: "translator", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, operandTemplates: { classPropertyName: "operandTemplates", publicName: "operandTemplates", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rootChange: "rootChange", applyRequest: "applyRequest", expandedChange: "expandedChange" }, host: { attributes: { "data-part": "group" }, properties: { "attr.data-depth": "path().length" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFilterBarGroup, isStandalone: true, selector: "fieldset[slFilterBarGroup]", inputs: { group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: true, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: true, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, translator: { classPropertyName: "translator", publicName: "translator", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, operandTemplates: { classPropertyName: "operandTemplates", publicName: "operandTemplates", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rootChange: "rootChange", applyRequest: "applyRequest", expandedChange: "expandedChange" }, host: { attributes: { "data-part": "group", "data-part-group": "" }, properties: { "attr.data-depth": "path().length" } }, ngImport: i0, template: `
     <legend>{{ t('matches', { join: joinWord() }) }}</legend>
-    <div data-part="join">
+    <div data-part="join" data-part-join="">
       @if (aroundJoin()[0]) {
         <span>{{ aroundJoin()[0] }}</span>
       }
@@ -895,9 +901,9 @@ class SlFilterBarGroup {
         </button>
       }
     </div>
-    <div data-part="rules">
+    <div data-part="rules" data-part-rules="">
       @for (node of group().rules; track $index) {
-        <span data-part="conjunction">{{
+        <span data-part="conjunction" data-part-conjunction="">{{
           $index === 0 ? t('where') : t(group().join === 'and' ? 'joins.and' : 'joins.or')
         }}</span>
         @if (isGroup(node)) {
@@ -934,7 +940,7 @@ class SlFilterBarGroup {
         }
       }
     </div>
-    <div data-part="actions">
+    <div data-part="actions" data-part-actions="">
       <button
         slButton
         slFilterBarPart="add-rule"
@@ -969,7 +975,7 @@ class SlFilterBarGroup {
         <ng-content></ng-content>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i0.forwardRef(() => SlFilterBarGroup), selector: "fieldset[slFilterBarGroup]", inputs: ["group", "path", "root", "fields", "translator", "size", "operandTemplates", "expanded"], outputs: ["rootChange", "applyRequest", "expandedChange"] }, { kind: "component", type: i0.forwardRef(() => SlButton), selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: i0.forwardRef(() => SlButtonStart), selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "directive", type: i0.forwardRef(() => SlFilterBarPart), selector: "[slFilterBarPart]", inputs: ["slFilterBarPart"] }, { kind: "component", type: i0.forwardRef(() => SlFilterBarRule), selector: "[slFilterBarRule]", inputs: ["rule", "fields", "translator", "size", "operandTemplates", "removable", "invalid", "path", "expanded"], outputs: ["ruleChange", "removeRequest", "applyRequest", "expandedChange"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: i0.forwardRef(() => SlIconButton), selector: "button[slIconButton]", inputs: ["disabled", "focusableWhenDisabled", "loading", "loadingDelay", "messages", "shape", "size", "tone", "type", "variant", "pressed", "defaultPressed"], outputs: ["pressedChange"], exportAs: ["slIconButton"] }, { kind: "component", type: i0.forwardRef(() => SlSegment), selector: "[slSegment]", inputs: ["value", "disabled"], exportAs: ["slSegment"] }, { kind: "component", type: i0.forwardRef(() => SlSegmentedControl), selector: "[slSegmentedControl]", inputs: ["value", "defaultValue", "name", "size", "orientation", "condense", "fullWidth", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slSegmentedControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: i0.forwardRef(() => SlFilterBarGroup), selector: "fieldset[slFilterBarGroup]", inputs: ["group", "path", "root", "fields", "translator", "size", "operandTemplates", "expanded"], outputs: ["rootChange", "applyRequest", "expandedChange"] }, { kind: "component", type: i0.forwardRef(() => SlButton), selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: i0.forwardRef(() => SlButtonStart), selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "directive", type: i0.forwardRef(() => SlFilterBarPart), selector: "[slFilterBarPart]", inputs: ["slFilterBarPart"] }, { kind: "component", type: i0.forwardRef(() => SlFilterBarRule), selector: "[slFilterBarRule]", inputs: ["rule", "fields", "translator", "size", "operandTemplates", "removable", "invalid", "path", "expanded"], outputs: ["ruleChange", "removeRequest", "applyRequest", "expandedChange"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: i0.forwardRef(() => SlIconButton), selector: "button[slIconButton]", inputs: ["disabled", "focusableWhenDisabled", "loading", "loadingDelay", "messages", "shape", "size", "tone", "type", "variant", "pressed", "defaultPressed"], outputs: ["pressedChange"], exportAs: ["slIconButton"] }, { kind: "component", type: i0.forwardRef(() => SlSegment), selector: "[slSegment]", inputs: ["value", "disabled"], exportAs: ["slSegment"] }, { kind: "component", type: i0.forwardRef(() => SlSegmentedControl), selector: "[slSegmentedControl]", inputs: ["value", "defaultValue", "name", "size", "orientation", "condense", "variant", "fullWidth", "disabled", "readOnly", "invalid", "required"], outputs: ["valueChange"], exportAs: ["slSegmentedControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBarGroup, decorators: [{
             type: Component,
@@ -990,7 +996,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     ],
                     template: `
     <legend>{{ t('matches', { join: joinWord() }) }}</legend>
-    <div data-part="join">
+    <div data-part="join" data-part-join="">
       @if (aroundJoin()[0]) {
         <span>{{ aroundJoin()[0] }}</span>
       }
@@ -1023,9 +1029,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </button>
       }
     </div>
-    <div data-part="rules">
+    <div data-part="rules" data-part-rules="">
       @for (node of group().rules; track $index) {
-        <span data-part="conjunction">{{
+        <span data-part="conjunction" data-part-conjunction="">{{
           $index === 0 ? t('where') : t(group().join === 'and' ? 'joins.and' : 'joins.or')
         }}</span>
         @if (isGroup(node)) {
@@ -1062,7 +1068,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
       }
     </div>
-    <div data-part="actions">
+    <div data-part="actions" data-part-actions="">
       <button
         slButton
         slFilterBarPart="add-rule"
@@ -1102,6 +1108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'group',
+                        'data-part-group': '',
                         '[attr.data-depth]': 'path().length',
                     },
                 }]
@@ -1186,7 +1193,7 @@ class SlFilterBarRuleEditor {
         this.doneRequest.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBarRuleEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlFilterBarRuleEditor, isStandalone: true, selector: "[slFilterBarRuleEditor]", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, translator: { classPropertyName: "translator", publicName: "translator", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, operandTemplates: { classPropertyName: "operandTemplates", publicName: "operandTemplates", isSignal: true, isRequired: false, transformFunction: null }, queryDelay: { classPropertyName: "queryDelay", publicName: "queryDelay", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, withOperator: { classPropertyName: "withOperator", publicName: "withOperator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ruleChange: "ruleChange", doneRequest: "doneRequest" }, host: { attributes: { "data-ui": "filter-bar", "data-part": "rule" }, properties: { "attr.data-kind": "field().kind", "attr.data-invalid": "invalid() ? \"\" : null" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlFilterBarRuleEditor, isStandalone: true, selector: "[slFilterBarRuleEditor]", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, translator: { classPropertyName: "translator", publicName: "translator", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, operandTemplates: { classPropertyName: "operandTemplates", publicName: "operandTemplates", isSignal: true, isRequired: false, transformFunction: null }, queryDelay: { classPropertyName: "queryDelay", publicName: "queryDelay", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, withOperator: { classPropertyName: "withOperator", publicName: "withOperator", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ruleChange: "ruleChange", doneRequest: "doneRequest" }, host: { attributes: { "data-ui": "filter-bar", "data-ui-filter-bar": "", "data-part": "rule", "data-part-rule": "" }, properties: { "attr.data-kind": "field().kind", "attr.data-invalid": "invalid() ? \"\" : null" } }, ngImport: i0, template: `
     <div
       slFilterBarCondition
       [field]="field()"
@@ -1199,7 +1206,7 @@ class SlFilterBarRuleEditor {
       (conditionChange)="change($event)"
       (applyRequest)="done()"
     ></div>
-    <div data-part="actions">
+    <div data-part="actions" data-part-actions="">
       <button
         slButton
         type="button"
@@ -1213,7 +1220,7 @@ class SlFilterBarRuleEditor {
       </button>
       <button slButton type="button" size="sm" (click)="done()">{{ t('done') }}</button>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlFilterBarCondition, selector: "[slFilterBarCondition]", inputs: ["field", "condition", "translator", "size", "operandTemplates", "withOperator", "invalid", "ids"], outputs: ["applyRequest", "conditionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlFilterBarCondition, selector: "[slFilterBarCondition]", inputs: ["field", "condition", "translator", "size", "operandTemplates", "withOperator", "invalid", "ids"], outputs: ["applyRequest", "conditionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBarRuleEditor, decorators: [{
             type: Component,
@@ -1234,7 +1241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       (conditionChange)="change($event)"
       (applyRequest)="done()"
     ></div>
-    <div data-part="actions">
+    <div data-part="actions" data-part-actions="">
       <button
         slButton
         type="button"
@@ -1253,7 +1260,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-ui': 'filter-bar',
+                        'data-ui-filter-bar': '',
                         'data-part': 'rule',
+                        'data-part-rule': '',
                         '[attr.data-kind]': 'field().kind',
                         '[attr.data-invalid]': 'invalid() ? "" : null',
                     },
@@ -1595,14 +1604,14 @@ class SlFilterBar {
         afterNextRender(() => {
             const element = this.host.nativeElement;
             const view = element.ownerDocument.defaultView;
+            /* Read only in the observer's reports, the first of which arrives
+               after layout: a read here forced a layout of the page just rendered. */
             if (typeof ResizeObserver !== 'undefined') {
-                const read = () => {
+                const observer = new ResizeObserver(() => {
                     const width = element.getBoundingClientRect().width;
                     this.narrow.set(width > 0 && width < remToPx(element, NARROW_REM));
-                };
-                const observer = new ResizeObserver(read);
+                });
                 observer.observe(element);
-                read();
                 this.destroyRef.onDestroy(() => observer.disconnect());
             }
             if (view?.matchMedia) {
@@ -1652,9 +1661,9 @@ class SlFilterBar {
                 element.style.setProperty(STICKY_TOP, above);
                 parent.style.setProperty(STICKY_TOP, `calc(${above} + ${height}px)`);
             };
+            /* Its first report, after layout, is the first measurement. */
             const observer = new ResizeObserver(publish);
             observer.observe(element);
-            publish();
             onCleanup(() => {
                 observer.disconnect();
                 element.style.removeProperty(STICKY_TOP);
@@ -2109,7 +2118,7 @@ class SlFilterBar {
         this.openBuilderAt('programmatic', undefined, path ? { path } : undefined);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFilterBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFilterBar, isStandalone: true, selector: "[slFilterBar]", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, defaultQuery: { classPropertyName: "defaultQuery", publicName: "defaultQuery", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: false, transformFunction: null }, preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, defaultPreset: { classPropertyName: "defaultPreset", publicName: "defaultPreset", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, revealed: { classPropertyName: "revealed", publicName: "revealed", isSignal: true, isRequired: false, transformFunction: null }, defaultRevealed: { classPropertyName: "defaultRevealed", publicName: "defaultRevealed", isSignal: true, isRequired: false, transformFunction: null }, apply: { classPropertyName: "apply", publicName: "apply", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, queryDelay: { classPropertyName: "queryDelay", publicName: "queryDelay", isSignal: true, isRequired: false, transformFunction: null }, chipLimit: { classPropertyName: "chipLimit", publicName: "chipLimit", isSignal: true, isRequired: false, transformFunction: null }, shortcut: { classPropertyName: "shortcut", publicName: "shortcut", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, savePresetEnabled: { classPropertyName: "savePresetEnabled", publicName: "savePresetEnabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", query: "queryChange", preset: "presetChange", open: "openChange", revealed: "revealedChange", valueChangeRequest: "valueChangeRequest", queryChangeRequest: "queryChangeRequest", presetChangeRequest: "presetChangeRequest", openChangeRequest: "openChangeRequest", revealedChangeRequest: "revealedChangeRequest", savePreset: "savePreset" }, host: { attributes: { "data-ui": "filter-bar", "data-part": "root", "role": "search" }, properties: { "attr.aria-label": "ariaLabel ?? t('bar')", "attr.data-apply": "applyValue()", "attr.data-size": "sizeValue()", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-readonly": "readOnly() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-dirty": "dirty() || presetDirty() ? \"\" : null", "attr.data-open": "isOpen() ? \"\" : null", "attr.data-sticky": "sticky() ? \"\" : null" } }, queries: [{ propertyName: "operandTemplates", predicate: SlFilterBarOperand, isSignal: true }, { propertyName: "endSlot", first: true, predicate: SlFilterBarEnd, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["search"], descendants: true, isSignal: true }, { propertyName: "barElement", first: true, predicate: ["barRow"], descendants: true, isSignal: true }], exportAs: ["slFilterBar"], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFilterBar, isStandalone: true, selector: "[slFilterBar]", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, defaultQuery: { classPropertyName: "defaultQuery", publicName: "defaultQuery", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: false, transformFunction: null }, preset: { classPropertyName: "preset", publicName: "preset", isSignal: true, isRequired: false, transformFunction: null }, defaultPreset: { classPropertyName: "defaultPreset", publicName: "defaultPreset", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, revealed: { classPropertyName: "revealed", publicName: "revealed", isSignal: true, isRequired: false, transformFunction: null }, defaultRevealed: { classPropertyName: "defaultRevealed", publicName: "defaultRevealed", isSignal: true, isRequired: false, transformFunction: null }, apply: { classPropertyName: "apply", publicName: "apply", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, queryDelay: { classPropertyName: "queryDelay", publicName: "queryDelay", isSignal: true, isRequired: false, transformFunction: null }, chipLimit: { classPropertyName: "chipLimit", publicName: "chipLimit", isSignal: true, isRequired: false, transformFunction: null }, shortcut: { classPropertyName: "shortcut", publicName: "shortcut", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, savePresetEnabled: { classPropertyName: "savePresetEnabled", publicName: "savePresetEnabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", query: "queryChange", preset: "presetChange", open: "openChange", revealed: "revealedChange", valueChangeRequest: "valueChangeRequest", queryChangeRequest: "queryChangeRequest", presetChangeRequest: "presetChangeRequest", openChangeRequest: "openChangeRequest", revealedChangeRequest: "revealedChangeRequest", savePreset: "savePreset" }, host: { attributes: { "data-ui": "filter-bar", "data-ui-filter-bar": "", "data-part": "root", "data-part-root": "", "role": "search" }, properties: { "attr.aria-label": "ariaLabel ?? t('bar')", "attr.data-apply": "applyValue()", "attr.data-size": "sizeValue()", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-readonly": "readOnly() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-dirty": "dirty() || presetDirty() ? \"\" : null", "attr.data-open": "isOpen() ? \"\" : null", "attr.data-sticky": "sticky() ? \"\" : null" } }, queries: [{ propertyName: "operandTemplates", predicate: SlFilterBarOperand, isSignal: true }, { propertyName: "endSlot", first: true, predicate: SlFilterBarEnd, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["search"], descendants: true, isSignal: true }, { propertyName: "barElement", first: true, predicate: ["barRow"], descendants: true, isSignal: true }], exportAs: ["slFilterBar"], ngImport: i0, template: `
     <ng-template #fieldIcon let-icon>
       @if (isTemplate(icon)) {
         <span slIcon><ng-container [ngTemplateOutlet]="icon" /></span>
@@ -2118,8 +2127,8 @@ class SlFilterBar {
       }
     </ng-template>
 
-    <div data-part="frame">
-      <div data-part="search">
+    <div data-part="frame" data-part-frame="">
+      <div data-part="search" data-part-search="">
         <div slTextField [size]="sizeValue()" [clearable]="true">
           <span slTextFieldStart
             ><span slIcon><svg slGlyph name="search"></svg></span
@@ -2146,6 +2155,7 @@ class SlFilterBar {
       <div
         #barRow
         data-part="bar"
+        data-part-bar=""
         role="toolbar"
         [attr.aria-label]="t('filters')"
         [attr.aria-description]="readOnly() ? t('readOnly') : null"
@@ -2172,6 +2182,7 @@ class SlFilterBar {
           @if (pillOf(member); as pill) {
             <button
               data-part="pill"
+              data-part-pill=""
               type="button"
               aria-haspopup="dialog"
               [attr.data-field]="pill.field.key"
@@ -2186,6 +2197,7 @@ class SlFilterBar {
           @if (chipOf(member); as chip) {
             <div
               data-part="chip"
+              data-part-chip=""
               role="group"
               [attr.aria-label]="chip.name"
               [attr.data-field]="chip.key"
@@ -2196,7 +2208,7 @@ class SlFilterBar {
               [attr.data-invalid]="chip.unknown || invalid() === chip.key ? '' : null"
               (keydown)="onChipKeyDown($event, chip.key)"
             >
-              <span data-part="chip-field"
+              <span data-part="chip-field" data-part-chip-field=""
                 ><ng-container
                   [ngTemplateOutlet]="fieldIcon"
                   [ngTemplateOutletContext]="{ $implicit: chip.field?.icon }"
@@ -2205,6 +2217,7 @@ class SlFilterBar {
               @if (readOnly() || chip.unknown) {
                 <button
                   data-part="chip-operator"
+                  data-part-chip-operator=""
                   type="button"
                   aria-disabled="true"
                   [disabled]="disabled()"
@@ -2214,6 +2227,7 @@ class SlFilterBar {
               } @else {
                 <button
                   data-part="chip-operator"
+                  data-part-chip-operator=""
                   slFilterBarPart="chip-operator"
                   type="button"
                   [disabled]="disabled()"
@@ -2238,6 +2252,7 @@ class SlFilterBar {
                 @if (readOnly() || chip.unknown || narrow()) {
                   <button
                     data-part="chip-value"
+                    data-part-chip-value=""
                     type="button"
                     [attr.aria-haspopup]="readOnly() || chip.unknown ? null : 'dialog'"
                     [attr.aria-disabled]="readOnly() || chip.unknown ? 'true' : null"
@@ -2258,6 +2273,7 @@ class SlFilterBar {
                     <button
                       slPopoverTrigger
                       data-part="chip-value"
+                      data-part-chip-value=""
                       type="button"
                       aria-haspopup="dialog"
                       [attr.aria-label]="chip.valueName"
@@ -2292,6 +2308,7 @@ class SlFilterBar {
               @if (chip.removable) {
                 <button
                   data-part="chip-remove"
+                  data-part-chip-remove=""
                   type="button"
                   [attr.aria-label]="t('remove', { name: chip.label })"
                   [disabled]="disabled()"
@@ -2305,6 +2322,7 @@ class SlFilterBar {
           @if (groupOf(member); as group) {
             <div
               data-part="chip"
+              data-part-chip=""
               role="group"
               data-operands="1"
               [attr.aria-label]="group.words"
@@ -2313,6 +2331,7 @@ class SlFilterBar {
             >
               <button
                 data-part="chip-value"
+                data-part-chip-value=""
                 type="button"
                 aria-haspopup="dialog"
                 [attr.aria-disabled]="readOnly() ? 'true' : null"
@@ -2325,6 +2344,7 @@ class SlFilterBar {
               @if (!readOnly()) {
                 <button
                   data-part="chip-remove"
+                  data-part-chip-remove=""
                   type="button"
                   [attr.aria-label]="t('remove', { name: group.words })"
                   [disabled]="disabled()"
@@ -2340,6 +2360,7 @@ class SlFilterBar {
         @if (folded() > 0) {
           <button
             data-part="more"
+            data-part-more=""
             type="button"
             [attr.aria-expanded]="isRevealed()"
             [disabled]="disabled()"
@@ -2437,7 +2458,7 @@ class SlFilterBar {
         }
 
         @if (applyValue() === 'manual' && !readOnly()) {
-          <div data-part="actions">
+          <div data-part="actions" data-part-actions="">
             <button
               slButton
               slFilterBarPart="reset"
@@ -2464,12 +2485,12 @@ class SlFilterBar {
         }
       </div>
 
-      <div data-part="end">
+      <div data-part="end" data-part-end="">
         @if (presets(); as views) {
           @if (views.length > 0) {
             <!-- Clearable: leaving a preset is the control's own clear, and
                  without it the one way out of a saved view is deleting it. -->
-            <div data-part="preset">
+            <div data-part="preset" data-part-preset="">
               <sl-select
                 clearable
                 [size]="sizeValue()"
@@ -2491,11 +2512,18 @@ class SlFilterBar {
       </div>
 
       @if (countText() !== null || loading()) {
-        <p data-part="count" aria-live="polite" [attr.aria-busy]="loading() ? 'true' : null">
+        <p
+          data-part="count"
+          data-part-count=""
+          aria-live="polite"
+          [attr.aria-busy]="loading() ? 'true' : null"
+        >
           @if (loading()) {
             <span
               data-ui="spinner"
+              data-ui-spinner=""
               data-part="root"
+              data-part-root=""
               data-size="sm"
               role="progressbar"
               [attr.aria-label]="t('filters')"
@@ -2518,7 +2546,13 @@ class SlFilterBar {
         <button slDrawerClose></button>
       </header>
       <div slDrawerBody>
-        <div data-part="builder" data-ui="filter-bar" [id]="id + '-builder'">
+        <div
+          data-part="builder"
+          data-part-builder=""
+          data-ui="filter-bar"
+          data-ui-filter-bar=""
+          [id]="id + '-builder'"
+        >
           <fieldset
             slFilterBarGroup
             [group]="drawerDraft() ?? empty"
@@ -2577,7 +2611,7 @@ class SlFilterBar {
         </button>
       </footer>
     </sl-drawer>
-  `, isInline: true, styles: ["@layer slotted.components{[data-ui=filter-bar]{--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-md, 8px));--_gap-sm: var(--slotted-control-gap-sm, 6px);--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_pad: var(--slotted-control-padding-inline-md, 13px);--_seg-pad: var(--slotted-control-padding-inline-sm, 10px);--_icon: var(--slotted-control-icon-size-md, 16px);--_radius: var(--slotted-filter-bar-pill-radius, var(--slotted-radius-full, 9999px));--_control-radius: var(--slotted-control-radius, var(--slotted-radius-sm, 4px));--_border-width: var(--slotted-control-border-width, 1px);--_ink: var(--slotted-filter-bar-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-filter-bar-color-muted, var(--slotted-text-muted, GrayText));--_edge: var( --slotted-filter-bar-pill-border, var(--slotted-control-border-color, ButtonBorder) );--_seam: var(--slotted-filter-bar-chip-seam, var(--slotted-border-subtle, ButtonBorder));--_surface: var(--slotted-filter-bar-surface, var(--slotted-surface, Canvas));--_hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_invalid: var(--slotted-tone-danger-border, GrayText);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-filter-bar-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0}[data-ui=filter-bar][data-part=root]{container-name:slotted-filter-bar;container-type:inline-size;display:block;inline-size:100%}[data-ui=filter-bar][data-part=rule]{display:grid;gap:var(--_gap);inline-size:var(--slotted-filter-bar-editor-size, 18rem);max-inline-size:100%}[data-ui=filter-bar][data-part=rule] [data-part=operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui=filter-bar][data-part=rule][data-kind=boolean] [data-part=operand]:empty{display:none}[data-ui=filter-bar][data-part=rule]>[data-part=actions]{align-items:center;display:flex;gap:var(--_gap-sm);justify-content:flex-end}[data-ui=filter-bar]>[data-part=frame]{align-items:start;column-gap:var(--_gap);display:grid;grid-template-areas:\"search end count\" \"bar bar bar\";grid-template-columns:minmax(0,1fr) auto auto;row-gap:var(--_gap)}[data-ui=filter-bar]>[data-part=frame]>[data-part=search]{grid-area:search;max-inline-size:var(--slotted-filter-bar-search-max, 28rem);min-inline-size:0}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]{grid-area:bar}[data-ui=filter-bar]>[data-part=frame]>[data-part=end]{grid-area:end}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{grid-area:count;justify-self:end}[data-ui=filter-bar]>[data-part=frame]>[data-part=end]:empty{display:none}[data-ui=filter-bar][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_pad: var(--slotted-control-padding-inline-sm, 10px);--_seg-pad: var(--slotted-control-gap-md, 8px);--_icon: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-sm, 6px));--_gap-sm: var(--slotted-control-gap-sm, 4px)}[data-ui=filter-bar][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_pad: var(--slotted-control-padding-inline-lg, 16px);--_seg-pad: var(--slotted-control-padding-inline-md, 13px);--_icon: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-lg, 8px))}[data-ui=filter-bar] [data-part=search]>[data-ui=text-field],[data-ui=filter-bar] [data-part=preset]>[data-ui=select],[data-ui=filter-bar] :is([data-part=field],[data-part=operator])>[data-ui=select]{inline-size:100%}[data-ui=filter-bar] [data-part=bar]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);min-inline-size:0}[data-ui=filter-bar] [data-part=end]{align-items:center;display:flex;gap:var(--_gap)}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{color:var(--_muted);font-variant-numeric:tabular-nums;margin:0;min-block-size:1lh;padding-block:max(0px,calc((var(--_height) - 1lh) / 2));white-space:nowrap}[data-ui=filter-bar] [data-part=pill]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_height);border:var(--_border-width) dashed var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;padding-block:0;padding-inline:calc(var(--_pad) - var(--_gap-sm)) var(--_pad);transition:background-color var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);white-space:nowrap}[data-ui=filter-bar] [data-part=pill]>span:not([data-ui=icon]){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:isolate}[data-ui=filter-bar] [data-part=pill]>[data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=pill][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui=filter-bar] [data-part=pill]:enabled:hover{background-color:var(--_hover);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui=filter-bar] [data-part=pill]:enabled:active,[data-ui=filter-bar] [data-part=pill]:enabled[aria-expanded=true]{background-color:var(--_active);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui=filter-bar] [data-part=pill]: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=filter-bar] [data-part=chip]{align-items:stretch;background-color:var(--_surface);block-size:var(--_height);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;display:inline-flex;max-inline-size:100%;min-inline-size:0;transition:border-color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=filter-bar] :is([data-part=chip],[data-part=pill]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=filter-bar] [data-part=chip]>*{align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:inherit;display:inline-flex;flex:none;font:inherit;gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;min-inline-size:0;padding-block:0;padding-inline:var(--_seg-pad);white-space:nowrap}[data-ui=filter-bar] [data-part=chip]>*+*{border-inline-start:var(--_border-width) solid var(--_seam)}[data-ui=filter-bar] [data-part=chip]>:first-child{border-end-start-radius:var(--_radius);border-start-start-radius:var(--_radius);padding-inline-start:var(--_pad)}[data-ui=filter-bar] [data-part=chip]>:last-child{border-end-end-radius:var(--_radius);border-start-end-radius:var(--_radius)}[data-ui=filter-bar] [data-part=chip] [data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=chip-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar] [data-part=chip-field]>[data-ui=icon]{color:var(--_muted)}[data-ui=filter-bar] [data-part=chip]>*>span:not([data-ui]),[data-ui=filter-bar] [data-part=chip-operator]{unicode-bidi:isolate}[data-ui=filter-bar] [data-part=chip-operator]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0}[data-ui=filter-bar] [data-part=chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max, 12rem);min-inline-size:0;overflow:hidden;text-overflow:ellipsis}[data-ui=filter-bar] [data-part=chip-value]>[data-operator]{color:var(--_muted);display:none;font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip-remove]{aspect-ratio:1;color:var(--_muted);justify-content:center;padding-inline:0}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]){cursor:pointer;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):active,[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button])[aria-expanded=true]{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=chip]>:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar] [data-part=chip][data-incomplete]{border-style:dashed;box-shadow:none}[data-ui=filter-bar] [data-part=chip][data-incomplete]>[data-part=chip-value]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui=filter-bar] [data-part=chip][data-invalid]>[data-part=chip-field],[data-ui=filter-bar] [data-part=chip][data-invalid]>[data-part=chip-field]>[data-ui=icon]{color:var(--slotted-tone-danger-text, CanvasText)}[data-ui=filter-bar] [data-part=chip][data-folded]{display:none;visibility:hidden}[data-ui=filter-bar] [data-part=bar][data-revealed] [data-part=chip][data-folded]{display:inline-flex;visibility:visible}[data-ui=filter-bar] [data-part=more]{align-items:center;appearance:none;background:none;block-size:var(--_height);border:0;border-radius:var(--_radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);justify-content:center;margin:0;padding-inline:var(--_seg-pad);transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=filter-bar] [data-part=more]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=more]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=more]: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=filter-bar] [data-part=bar] :is([data-part=clear],[data-part=reset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar] [data-part=summary]{display:none;visibility:hidden}[data-ui=filter-bar] [data-part=summary]>[data-part=label]>span{font-variant-numeric:tabular-nums}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>[data-part=actions]{align-items:center;display:flex;gap:var(--_gap-sm);margin-inline-start:auto}[data-ui=filter-bar][data-disabled]{--_ink: var(--slotted-disabled-foreground, GrayText);--_muted: var(--slotted-disabled-foreground, GrayText);--_edge: var(--slotted-disabled-border, GrayText);--_seam: var(--slotted-disabled-border, GrayText);--_surface: var(--slotted-disabled-background, Canvas)}[data-ui=filter-bar][data-disabled] :is([data-part=pill],[data-part=chip]){box-shadow:none}[data-ui=filter-bar][data-disabled] :is([data-part=pill],[data-part=chip]>*){cursor:not-allowed}[data-ui=filter-bar][data-readonly] [data-part=chip]>*{cursor:default}[data-ui=filter-bar][data-loading]>[data-part=frame]>[data-part=count]{align-items:center;display:inline-flex;gap:var(--_gap-sm)}[data-ui=filter-bar][data-sticky]{background-color:var(--_surface);inset-block-start:var(--slotted-page-sticky-top, 0px);padding-block:var(--slotted-space-3, .375rem);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=filter-bar][data-part=builder]{--_join-col: var(--slotted-filter-bar-join-size, 3.5rem);--_group-surface: var( --slotted-filter-bar-group-surface, var(--slotted-surface-sunken, Canvas) );--_group-edge: var(--slotted-filter-bar-group-border, var(--slotted-border-subtle, GrayText));container-name:slotted-filter-bar-builder;container-type:inline-size;display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui=filter-bar][data-part=builder] [data-part=group]{border:0;container-name:slotted-filter-bar-group;container-type:inline-size;display:grid;gap:var(--_gap);margin:0;min-inline-size:0;padding:0}[data-ui=filter-bar][data-part=builder] [data-part=group]:not([data-depth=\"0\"]){background-color:var(--_group-surface);border:var(--slotted-border-width-thin, 1px) solid var(--_group-edge);border-radius:var(--slotted-radius-md, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui=filter-bar][data-part=builder] [data-part=group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:var(--_surface)}[data-ui=filter-bar][data-part=builder] [data-part=group]>legend{block-size:1px;clip-path:inset(50%);overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}[data-ui=filter-bar][data-part=builder] [data-part=join]{align-items:center;color:var(--_ink);display:flex;flex-wrap:wrap;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm)}[data-ui=filter-bar][data-part=builder] [data-part=join]>[data-part=remove-group]{margin-inline-start:auto}[data-ui=filter-bar][data-part=builder] [data-part=rules]{align-items:start;column-gap:var(--_gap-sm);display:grid;grid-template-columns:var(--_join-col) minmax(0,1fr);min-inline-size:0;row-gap:var(--_gap)}[data-ui=filter-bar][data-part=builder] [data-part=conjunction]{color:var(--_muted);line-height:var(--_height);overflow:hidden;text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui=filter-bar][data-part=builder] [data-part=rule]{align-items:center;display:grid;gap:var(--_gap-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) var(--slotted-target-min, 24px);min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule]>*,[data-ui=filter-bar][data-part=builder] [data-part=rule] :is([data-part=operator],[data-part=operand]){min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"] [data-part=operand]{display:none}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) var(--slotted-target-min, 24px)}[data-ui=filter-bar][data-part=builder] [data-part=operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"2\"] [data-part=operand]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap-sm);padding-inline-start:calc(var(--_join-col) + var(--_gap-sm))}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>:is([data-part=add-rule],[data-part=add-group],[data-part=clear],[data-part=save-preset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>[data-part=save-preset]{margin-inline-start:auto}@container slotted-filter-bar-group (max-width: 30rem){[data-ui=filter-bar][data-part=builder] [data-part=rule],[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) var(--slotted-target-min, 24px)}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=field]{grid-column:1}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=remove]{grid-column:2;grid-row:1}[data-ui=filter-bar][data-part=builder] [data-part=rule] :is([data-part=operator],[data-part=operand]){grid-column:1 / -1}}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]{display:none;visibility:hidden}@container slotted-filter-bar-builder (max-width: 30rem){[data-ui=filter-bar][data-part=builder]{gap:var(--_gap)}[data-ui=filter-bar][data-part=builder] [data-part=rules]{grid-template-columns:minmax(0,1fr);row-gap:var(--_gap-sm)}[data-ui=filter-bar][data-part=builder] [data-part=conjunction]{font-size:var(--slotted-font-size-xs, 12px);line-height:var(--slotted-line-height-xs, 1.5);padding-inline-start:var(--_seg-pad);text-align:start}[data-ui=filter-bar][data-part=builder] [data-part=rules]>[data-part=conjunction]:first-child{display:none}[data-ui=filter-bar][data-part=builder] [data-part=group]:not([data-depth=\"0\"]),[data-ui=filter-bar][data-part=builder] [data-part=group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:transparent;border:0;border-inline-start:var(--slotted-border-width-medium, 2px) solid var(--_edge);border-radius:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem) 0}[data-ui=filter-bar][data-part=builder] [data-part=rule],[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{background-color:var(--_surface);border:var(--_border-width) solid var(--_edge);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-control-shadow, none);column-gap:0;grid-template-areas:\"summary remove\";grid-template-columns:minmax(0,1fr) var(--_height);row-gap:var(--_gap-sm);transition:border-color var(--_duration) var(--_easing)}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded]{border-color:var(--slotted-border-strong, ButtonBorder);padding-block-end:var(--_seg-pad)}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}@media(forced-colors:active){[data-ui=filter-bar][data-part=builder] [data-part=rule][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]{align-items:center;appearance:none;background:none;border:0;border-radius:calc(var(--slotted-radius-md, 6px) - var(--_border-width));color:var(--_ink);cursor:pointer;display:flex;font:inherit;gap:var(--_gap-sm);grid-area:summary;margin:0;min-block-size:var(--_height);min-inline-size:0;padding-block:max(var(--_gap-sm),calc((var(--_height) - 1lh) / 2));padding-inline:var(--_seg-pad) 0;text-align:start;transition:background-color var(--_duration) var(--_easing);visibility:visible}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]>[data-sentence]{flex:1 1 auto;min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-operator]{color:var(--_muted)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow-wrap:anywhere}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]>[data-ui=icon]{--slotted-icon-size: var(--_icon);color:var(--_muted);flex:none;margin-inline-start:auto;transition:rotate var(--_duration) var(--_easing)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary][aria-expanded=true]>[data-ui=icon]{rotate:180deg}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:enabled:hover{background-color:var(--_hover)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:enabled:active{background-color:var(--_active)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=remove]{align-self:center;grid-area:remove;grid-row:1;justify-self:center}[data-ui=filter-bar][data-part=builder] [data-part=rule]:not([data-expanded]) :is([data-part=field],[data-part=operator],[data-part=operand]){display:none;visibility:hidden}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded] :is([data-part=field],[data-part=operator],[data-part=operand]){grid-column:1 / -1;margin-inline:var(--_seg-pad);transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded] :is([data-part=field],[data-part=operator],[data-part=operand]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]{padding-inline-start:0}[data-ui=filter-bar][data-part=builder] [data-part=group][data-depth=\"0\"]>[data-part=actions]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui=filter-bar][data-part=builder] [data-part=group][data-depth=\"0\"]>[data-part=actions]>:is([data-part=add-rule],[data-part=add-group]){inline-size:100%}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>:is([data-part=clear],[data-part=save-preset]){margin-inline-start:0}}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]{align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--_control-radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;inline-size:var(--slotted-target-min, 24px);justify-content:center;padding:0;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-filter-bar (max-width: 36rem){[data-ui=filter-bar]>[data-part=frame]{grid-template-areas:\"search\" \"bar\" \"count\";grid-template-columns:minmax(0,1fr)}[data-ui=filter-bar]>[data-part=frame]:has(>[data-part=end]:not(:empty)){grid-template-areas:\"search\" \"bar\" \"end\" \"count\"}[data-ui=filter-bar]>[data-part=frame]>[data-part=search]{max-inline-size:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=summary],[data-part=pill]):focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]::-webkit-scrollbar{display:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=summary],[data-part=chip],[data-part=pill]){flex:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=more],[data-part=add],[data-part=clear],[data-part=actions]),[data-ui=filter-bar] [data-part=chip]>[data-part=chip-operator]{display:none;visibility:hidden}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>[data-part=chip][data-folded]{display:inline-flex;visibility:visible}[data-ui=filter-bar] [data-part=chip-value]>[data-operator]{display:inline}[data-ui=filter-bar] [data-part=chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max-narrow, 9rem)}[data-ui=filter-bar] [data-part=summary]{display:inline-flex;visibility:visible}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{justify-self:start;padding-block:0}}@media(hover:none)and (pointer:coarse){[data-ui=filter-bar] [data-part=search] [data-ui=kbd]{display:none}}@media(pointer:coarse){[data-ui=filter-bar] :is([data-part=more],[data-part=rule]>[data-part=remove]){position:relative}[data-ui=filter-bar] :is([data-part=more],[data-part=rule]>[data-part=remove]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}@media(forced-colors:active){[data-ui=filter-bar] [data-part=pill][data-invalid],[data-ui=filter-bar] [data-part=chip][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=filter-bar] [data-part=pill][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=filter-bar] [data-part=chip]>*+*{border-inline-start-color:GrayText}[data-ui=filter-bar] [data-part=chip]>[aria-expanded=true]{background-color:Highlight;color:HighlightText}}@media print{[data-ui=filter-bar][data-sticky]{position:static}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonStart, selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "component", type: SlDrawer, selector: "sl-drawer", inputs: ["open", "extent", "mode", "side", "size", "mount", "escape", "outsidePress", "back", "modal", "loading", "messages", "drag", "scrimFrom", "minExtent", "maxExtent", "snapPoints", "container", "initialFocus", "finalFocus"], outputs: ["openChange", "extentChange", "openChangeRequest", "extentChangeRequest", "closed"], exportAs: ["slDrawer"] }, { kind: "directive", type: SlDrawerBody, selector: "[slDrawerBody]", inputs: ["inset"], exportAs: ["slDrawerBody"] }, { kind: "component", type: SlDrawerClose, selector: "[slDrawerClose]", inputs: ["value"], exportAs: ["slDrawerClose"] }, { kind: "directive", type: SlDrawerFooter, selector: "[slDrawerFooter]", exportAs: ["slDrawerFooter"] }, { kind: "directive", type: SlDrawerHeader, selector: "[slDrawerHeader]", exportAs: ["slDrawerHeader"] }, { kind: "directive", type: SlDrawerTitle, selector: "[slDrawerTitle]", exportAs: ["slDrawerTitle"] }, { kind: "component", type: SlFilterBarGroup, selector: "fieldset[slFilterBarGroup]", inputs: ["group", "path", "root", "fields", "translator", "size", "operandTemplates", "expanded"], outputs: ["rootChange", "applyRequest", "expandedChange"] }, { kind: "directive", type: SlFilterBarPart, selector: "[slFilterBarPart]", inputs: ["slFilterBarPart"] }, { kind: "component", type: SlFilterBarRuleEditor, selector: "[slFilterBarRuleEditor]", inputs: ["field", "current", "translator", "size", "operandTemplates", "queryDelay", "invalid", "withOperator"], outputs: ["ruleChange", "doneRequest"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlIconButton, selector: "button[slIconButton]", inputs: ["disabled", "focusableWhenDisabled", "loading", "loadingDelay", "messages", "shape", "size", "tone", "type", "variant", "pressed", "defaultPressed"], outputs: ["pressedChange"], exportAs: ["slIconButton"] }, { kind: "component", type: SlKbd, selector: "kbd[slKbd]", inputs: ["keyName", "platform", "size", "variant", "disabled", "messages"], exportAs: ["slKbd"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuGroup, selector: "sl-menu-group", inputs: ["label"], exportAs: ["slMenuGroup"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuItemIcon, selector: "[slMenuItemIcon]" }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "directive", type: SlPopover, selector: "[slPopover]", inputs: ["open", "defaultOpen", "disabled", "size", "width", "side", "align", "mount", "strategy", "messages", "initialFocus", "finalFocus", "arrow", "autoFocus", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slPopover"] }, { kind: "component", type: SlPopoverContent, selector: "[slPopoverContent]", exportAs: ["slPopoverContent"] }, { kind: "directive", type: SlPopoverBody, selector: "[slPopoverBody]", exportAs: ["slPopoverBody"] }, { kind: "directive", type: SlPopoverLayer, selector: "ng-template[slPopoverLayer]", exportAs: ["slPopoverLayer"] }, { kind: "directive", type: SlPopoverTrigger, selector: "[slPopoverTrigger]", exportAs: ["slPopoverTrigger"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldEnd, selector: "[slTextFieldEnd]", exportAs: ["slTextFieldEnd"] }, { kind: "directive", type: SlTextFieldStart, selector: "[slTextFieldStart]", exportAs: ["slTextFieldStart"] }, { 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 });
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui-filter-bar]{--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-md, 8px));--_gap-sm: var(--slotted-control-gap-sm, 6px);--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_pad: var(--slotted-control-padding-inline-md, 13px);--_seg-pad: var(--slotted-control-padding-inline-sm, 10px);--_icon: var(--slotted-control-icon-size-md, 16px);--_radius: var(--slotted-filter-bar-pill-radius, var(--slotted-radius-full, 9999px));--_control-radius: var(--slotted-control-radius, var(--slotted-radius-sm, 4px));--_border-width: var(--slotted-control-border-width, 1px);--_ink: var(--slotted-filter-bar-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-filter-bar-color-muted, var(--slotted-text-muted, GrayText));--_edge: var( --slotted-filter-bar-pill-border, var(--slotted-control-border-color, ButtonBorder) );--_seam: var(--slotted-filter-bar-chip-seam, var(--slotted-border-subtle, ButtonBorder));--_surface: var(--slotted-filter-bar-surface, var(--slotted-surface, Canvas));--_hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_invalid: var(--slotted-tone-danger-border, GrayText);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-filter-bar-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0}[data-ui-filter-bar][data-part-root]{container-name:slotted-filter-bar;container-type:inline-size;display:block;inline-size:100%}[data-ui-filter-bar][data-part-rule]{display:grid;gap:var(--_gap);inline-size:var(--slotted-filter-bar-editor-size, 18rem);max-inline-size:100%}[data-ui-filter-bar][data-part-rule] [data-part-operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui-filter-bar][data-part-rule][data-kind=boolean] [data-part-operand]:empty{display:none}[data-ui-filter-bar][data-part-rule]>[data-part-actions]{align-items:center;display:flex;gap:var(--_gap-sm);justify-content:flex-end}[data-ui-filter-bar]>[data-part-frame]{align-items:start;column-gap:var(--_gap);display:grid;grid-template-areas:\"search end count\" \"bar bar bar\";grid-template-columns:minmax(0,1fr) auto auto;row-gap:var(--_gap)}[data-ui-filter-bar]>[data-part-frame]>[data-part-search]{grid-area:search;max-inline-size:var(--slotted-filter-bar-search-max, 28rem);min-inline-size:0}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]{grid-area:bar}[data-ui-filter-bar]>[data-part-frame]>[data-part-end]{grid-area:end}[data-ui-filter-bar]>[data-part-frame]>[data-part-count]{grid-area:count;justify-self:end}[data-ui-filter-bar]>[data-part-frame]>[data-part-end]:empty{display:none}[data-ui-filter-bar][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_pad: var(--slotted-control-padding-inline-sm, 10px);--_seg-pad: var(--slotted-control-gap-md, 8px);--_icon: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-sm, 6px));--_gap-sm: var(--slotted-control-gap-sm, 4px)}[data-ui-filter-bar][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_pad: var(--slotted-control-padding-inline-lg, 16px);--_seg-pad: var(--slotted-control-padding-inline-md, 13px);--_icon: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-lg, 8px))}[data-ui-filter-bar] [data-part-search]>[data-ui-text-field],[data-ui-filter-bar] [data-part-preset]>[data-ui-select],[data-ui-filter-bar] :is([data-part-field],[data-part-operator])>[data-ui-select]{inline-size:100%}[data-ui-filter-bar] [data-part-bar]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);min-inline-size:0}[data-ui-filter-bar] [data-part-end]{align-items:center;display:flex;gap:var(--_gap)}[data-ui-filter-bar]>[data-part-frame]>[data-part-count]{color:var(--_muted);font-variant-numeric:tabular-nums;margin:0;min-block-size:1lh;padding-block:max(0px,calc((var(--_height) - 1lh) / 2));white-space:nowrap}[data-ui-filter-bar] [data-part-pill]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_height);border:var(--_border-width) dashed var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;padding-block:0;padding-inline:calc(var(--_pad) - var(--_gap-sm)) var(--_pad);transition:background-color var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);white-space:nowrap}[data-ui-filter-bar] [data-part-pill]>span:not([data-ui-icon]){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:isolate}[data-ui-filter-bar] [data-part-pill]>[data-ui-icon]{--slotted-icon-size: var(--_icon)}[data-ui-filter-bar] [data-part-pill][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui-filter-bar] [data-part-pill]:enabled:hover{background-color:var(--_hover);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui-filter-bar] [data-part-pill]:enabled:active,[data-ui-filter-bar] [data-part-pill]:enabled[aria-expanded=true]{background-color:var(--_active);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui-filter-bar] [data-part-pill]: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-filter-bar] [data-part-chip]{align-items:stretch;background-color:var(--_surface);block-size:var(--_height);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;display:inline-flex;max-inline-size:100%;min-inline-size:0;transition:border-color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui-filter-bar] :is([data-part-chip],[data-part-pill]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui-filter-bar] [data-part-chip]>*{align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:inherit;display:inline-flex;flex:none;font:inherit;gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;min-inline-size:0;padding-block:0;padding-inline:var(--_seg-pad);white-space:nowrap}[data-ui-filter-bar] [data-part-chip]>*+*{border-inline-start:var(--_border-width) solid var(--_seam)}[data-ui-filter-bar] [data-part-chip]>:first-child{border-end-start-radius:var(--_radius);border-start-start-radius:var(--_radius);padding-inline-start:var(--_pad)}[data-ui-filter-bar] [data-part-chip]>:last-child{border-end-end-radius:var(--_radius);border-start-end-radius:var(--_radius)}[data-ui-filter-bar] [data-part-chip] [data-ui-icon]{--slotted-icon-size: var(--_icon)}[data-ui-filter-bar] [data-part-chip-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-filter-bar] [data-part-chip-field]>[data-ui-icon]{color:var(--_muted)}[data-ui-filter-bar] [data-part-chip]>*>span:not([data-ui]),[data-ui-filter-bar] [data-part-chip-operator]{unicode-bidi:isolate}[data-ui-filter-bar] [data-part-chip-operator]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-filter-bar] [data-part-chip-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0}[data-ui-filter-bar] [data-part-chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max, 12rem);min-inline-size:0;overflow:hidden;text-overflow:ellipsis}[data-ui-filter-bar] [data-part-chip-value]>[data-operator]{color:var(--_muted);display:none;font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-filter-bar] [data-part-chip-remove]{aspect-ratio:1;color:var(--_muted);justify-content:center;padding-inline:0}[data-ui-filter-bar] [data-part-chip]>:is(button,[role=button]){cursor:pointer;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui-filter-bar] [data-part-chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):hover{background-color:var(--_hover);color:var(--_ink)}[data-ui-filter-bar] [data-part-chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):active,[data-ui-filter-bar] [data-part-chip]>:is(button,[role=button])[aria-expanded=true]{background-color:var(--_active);color:var(--_ink)}[data-ui-filter-bar] [data-part-chip]>:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-filter-bar] [data-part-chip][data-incomplete]{border-style:dashed;box-shadow:none}[data-ui-filter-bar] [data-part-chip][data-incomplete]>[data-part-chip-value]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-filter-bar] [data-part-chip][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui-filter-bar] [data-part-chip][data-invalid]>[data-part-chip-field],[data-ui-filter-bar] [data-part-chip][data-invalid]>[data-part-chip-field]>[data-ui-icon]{color:var(--slotted-tone-danger-text, CanvasText)}[data-ui-filter-bar] [data-part-chip][data-folded]{display:none;visibility:hidden}[data-ui-filter-bar] [data-part-bar][data-revealed] [data-part-chip][data-folded]{display:inline-flex;visibility:visible}[data-ui-filter-bar] [data-part-more]{align-items:center;appearance:none;background:none;block-size:var(--_height);border:0;border-radius:var(--_radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);justify-content:center;margin:0;padding-inline:var(--_seg-pad);transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui-filter-bar] [data-part-more]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui-filter-bar] [data-part-more]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui-filter-bar] [data-part-more]: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-filter-bar] [data-part-bar] :is([data-part-clear],[data-part-reset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui-filter-bar] [data-part-summary]{display:none;visibility:hidden}[data-ui-filter-bar] [data-part-summary]>[data-part-label]>span{font-variant-numeric:tabular-nums}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>[data-part-actions]{align-items:center;display:flex;gap:var(--_gap-sm);margin-inline-start:auto}[data-ui-filter-bar][data-disabled]{--_ink: var(--slotted-disabled-foreground, GrayText);--_muted: var(--slotted-disabled-foreground, GrayText);--_edge: var(--slotted-disabled-border, GrayText);--_seam: var(--slotted-disabled-border, GrayText);--_surface: var(--slotted-disabled-background, Canvas)}[data-ui-filter-bar][data-disabled] :is([data-part-pill],[data-part-chip]){box-shadow:none}[data-ui-filter-bar][data-disabled] :is([data-part-pill],[data-part-chip]>*){cursor:not-allowed}[data-ui-filter-bar][data-readonly] [data-part-chip]>*{cursor:default}[data-ui-filter-bar][data-loading]>[data-part-frame]>[data-part-count]{align-items:center;display:inline-flex;gap:var(--_gap-sm)}[data-ui-filter-bar][data-sticky]{background-color:var(--_surface);inset-block-start:var(--slotted-page-sticky-top, 0px);padding-block:var(--slotted-space-3, .375rem);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-filter-bar][data-part-builder]{--_join-col: var(--slotted-filter-bar-join-size, 3.5rem);--_group-surface: var( --slotted-filter-bar-group-surface, var(--slotted-surface-sunken, Canvas) );--_group-edge: var(--slotted-filter-bar-group-border, var(--slotted-border-subtle, GrayText));container-name:slotted-filter-bar-builder;container-type:inline-size;display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui-filter-bar][data-part-builder] [data-part-group]{border:0;container-name:slotted-filter-bar-group;container-type:inline-size;display:grid;gap:var(--_gap);margin:0;min-inline-size:0;padding:0}[data-ui-filter-bar][data-part-builder] [data-part-group]:not([data-depth=\"0\"]){background-color:var(--_group-surface);border:var(--slotted-border-width-thin, 1px) solid var(--_group-edge);border-radius:var(--slotted-radius-md, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui-filter-bar][data-part-builder] [data-part-group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:var(--_surface)}[data-ui-filter-bar][data-part-builder] [data-part-group]>legend{block-size:1px;clip-path:inset(50%);overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}[data-ui-filter-bar][data-part-builder] [data-part-join]{align-items:center;color:var(--_ink);display:flex;flex-wrap:wrap;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm)}[data-ui-filter-bar][data-part-builder] [data-part-join]>[data-part-remove-group]{margin-inline-start:auto}[data-ui-filter-bar][data-part-builder] [data-part-rules]{align-items:start;column-gap:var(--_gap-sm);display:grid;grid-template-columns:var(--_join-col) minmax(0,1fr);min-inline-size:0;row-gap:var(--_gap)}[data-ui-filter-bar][data-part-builder] [data-part-conjunction]{color:var(--_muted);line-height:var(--_height);overflow:hidden;text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui-filter-bar][data-part-builder] [data-part-rule]{align-items:center;display:grid;gap:var(--_gap-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) var(--slotted-target-min, 24px);min-inline-size:0}[data-ui-filter-bar][data-part-builder] [data-part-rule]>*,[data-ui-filter-bar][data-part-builder] [data-part-rule] :is([data-part-operator],[data-part-operand]){min-inline-size:0}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"0\"] [data-part-operand]{display:none}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) var(--slotted-target-min, 24px)}[data-ui-filter-bar][data-part-builder] [data-part-operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"2\"] [data-part-operand]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap-sm);padding-inline-start:calc(var(--_join-col) + var(--_gap-sm))}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]>:is([data-part-add-rule],[data-part-add-group],[data-part-clear],[data-part-save-preset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]>[data-part-save-preset]{margin-inline-start:auto}@container slotted-filter-bar-group (max-width: 30rem){[data-ui-filter-bar][data-part-builder] [data-part-rule],[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) var(--slotted-target-min, 24px)}[data-ui-filter-bar][data-part-builder] [data-part-rule]>[data-part-field]{grid-column:1}[data-ui-filter-bar][data-part-builder] [data-part-rule]>[data-part-remove]{grid-column:2;grid-row:1}[data-ui-filter-bar][data-part-builder] [data-part-rule] :is([data-part-operator],[data-part-operand]){grid-column:1 / -1}}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]{display:none;visibility:hidden}@container slotted-filter-bar-builder (max-width: 30rem){[data-ui-filter-bar][data-part-builder]{gap:var(--_gap)}[data-ui-filter-bar][data-part-builder] [data-part-rules]{grid-template-columns:minmax(0,1fr);row-gap:var(--_gap-sm)}[data-ui-filter-bar][data-part-builder] [data-part-conjunction]{font-size:var(--slotted-font-size-xs, 12px);line-height:var(--slotted-line-height-xs, 1.5);padding-inline-start:var(--_seg-pad);text-align:start}[data-ui-filter-bar][data-part-builder] [data-part-rules]>[data-part-conjunction]:first-child{display:none}[data-ui-filter-bar][data-part-builder] [data-part-group]:not([data-depth=\"0\"]),[data-ui-filter-bar][data-part-builder] [data-part-group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:transparent;border:0;border-inline-start:var(--slotted-border-width-medium, 2px) solid var(--_edge);border-radius:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem) 0}[data-ui-filter-bar][data-part-builder] [data-part-rule],[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"0\"]{background-color:var(--_surface);border:var(--_border-width) solid var(--_edge);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-control-shadow, none);column-gap:0;grid-template-areas:\"summary remove\";grid-template-columns:minmax(0,1fr) var(--_height);row-gap:var(--_gap-sm);transition:border-color var(--_duration) var(--_easing)}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-expanded]{border-color:var(--slotted-border-strong, ButtonBorder);padding-block-end:var(--_seg-pad)}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}@media(forced-colors:active){[data-ui-filter-bar][data-part-builder] [data-part-rule][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]{align-items:center;appearance:none;background:none;border:0;border-radius:calc(var(--slotted-radius-md, 6px) - var(--_border-width));color:var(--_ink);cursor:pointer;display:flex;font:inherit;gap:var(--_gap-sm);grid-area:summary;margin:0;min-block-size:var(--_height);min-inline-size:0;padding-block:max(var(--_gap-sm),calc((var(--_height) - 1lh) / 2));padding-inline:var(--_seg-pad) 0;text-align:start;transition:background-color var(--_duration) var(--_easing);visibility:visible}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]>[data-sentence]{flex:1 1 auto;min-inline-size:0}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary] [data-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary] [data-operator]{color:var(--_muted)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary] [data-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow-wrap:anywhere}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]>[data-ui-icon]{--slotted-icon-size: var(--_icon);color:var(--_muted);flex:none;margin-inline-start:auto;transition:rotate var(--_duration) var(--_easing)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary][aria-expanded=true]>[data-ui-icon]{rotate:180deg}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]:enabled:hover{background-color:var(--_hover)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]:enabled:active{background-color:var(--_active)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-filter-bar][data-part-builder] [data-part-rule]>[data-part-remove]{align-self:center;grid-area:remove;grid-row:1;justify-self:center}[data-ui-filter-bar][data-part-builder] [data-part-rule]:not([data-expanded]) :is([data-part-field],[data-part-operator],[data-part-operand]){display:none;visibility:hidden}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-expanded] :is([data-part-field],[data-part-operator],[data-part-operand]){grid-column:1 / -1;margin-inline:var(--_seg-pad);transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui-filter-bar][data-part-builder] [data-part-rule][data-expanded] :is([data-part-field],[data-part-operator],[data-part-operand]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]{padding-inline-start:0}[data-ui-filter-bar][data-part-builder] [data-part-group][data-depth=\"0\"]>[data-part-actions]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui-filter-bar][data-part-builder] [data-part-group][data-depth=\"0\"]>[data-part-actions]>:is([data-part-add-rule],[data-part-add-group]){inline-size:100%}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]>:is([data-part-clear],[data-part-save-preset]){margin-inline-start:0}}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]{align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--_control-radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;inline-size:var(--slotted-target-min, 24px);justify-content:center;padding:0;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]>[data-ui-icon]{--slotted-icon-size: var(--_icon)}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-filter-bar (max-width: 36rem){[data-ui-filter-bar]>[data-part-frame]{grid-template-areas:\"search\" \"bar\" \"count\";grid-template-columns:minmax(0,1fr)}[data-ui-filter-bar]>[data-part-frame]:has(>[data-part-end]:not(:empty)){grid-template-areas:\"search\" \"bar\" \"end\" \"count\"}[data-ui-filter-bar]>[data-part-frame]>[data-part-search]{max-inline-size:none}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>:is([data-part-summary],[data-part-pill]):focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]::-webkit-scrollbar{display:none}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>:is([data-part-summary],[data-part-chip],[data-part-pill]){flex:none}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>:is([data-part-more],[data-part-add],[data-part-clear],[data-part-actions]),[data-ui-filter-bar] [data-part-chip]>[data-part-chip-operator]{display:none;visibility:hidden}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>[data-part-chip][data-folded]{display:inline-flex;visibility:visible}[data-ui-filter-bar] [data-part-chip-value]>[data-operator]{display:inline}[data-ui-filter-bar] [data-part-chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max-narrow, 9rem)}[data-ui-filter-bar] [data-part-summary]{display:inline-flex;visibility:visible}[data-ui-filter-bar]>[data-part-frame]>[data-part-count]{justify-self:start;padding-block:0}}@media(hover:none)and (pointer:coarse){[data-ui-filter-bar] [data-part-search] [data-ui-kbd]{display:none}}@media(pointer:coarse){[data-ui-filter-bar] :is([data-part-more],[data-part-rule]>[data-part-remove]){position:relative}[data-ui-filter-bar] :is([data-part-more],[data-part-rule]>[data-part-remove]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}@media(forced-colors:active){[data-ui-filter-bar] [data-part-pill][data-invalid],[data-ui-filter-bar] [data-part-chip][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui-filter-bar] [data-part-pill][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-filter-bar] [data-part-chip]>*+*{border-inline-start-color:GrayText}[data-ui-filter-bar] [data-part-chip]>[aria-expanded=true]{background-color:Highlight;color:HighlightText}}@media print{[data-ui-filter-bar][data-sticky]{position:static}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlButton, selector: "button[slButton]", inputs: ["disabled", "focusableWhenDisabled", "fullWidth", "justify", "loading", "loadingDelay", "messages", "size", "tone", "type", "variant"], exportAs: ["slButton"] }, { kind: "component", type: SlButtonStart, selector: "[slButtonStart]", exportAs: ["slButtonStart"] }, { kind: "component", type: SlDrawer, selector: "sl-drawer", inputs: ["open", "extent", "mode", "side", "size", "mount", "escape", "outsidePress", "back", "modal", "loading", "messages", "drag", "scrimFrom", "minExtent", "maxExtent", "snapPoints", "container", "initialFocus", "finalFocus"], outputs: ["openChange", "extentChange", "openChangeRequest", "extentChangeRequest", "closed", "openChangeComplete"], exportAs: ["slDrawer"] }, { kind: "directive", type: SlDrawerBody, selector: "[slDrawerBody]", inputs: ["inset"], exportAs: ["slDrawerBody"] }, { kind: "component", type: SlDrawerClose, selector: "[slDrawerClose]", inputs: ["value"], exportAs: ["slDrawerClose"] }, { kind: "directive", type: SlDrawerFooter, selector: "[slDrawerFooter]", exportAs: ["slDrawerFooter"] }, { kind: "directive", type: SlDrawerHeader, selector: "[slDrawerHeader]", exportAs: ["slDrawerHeader"] }, { kind: "directive", type: SlDrawerTitle, selector: "[slDrawerTitle]", exportAs: ["slDrawerTitle"] }, { kind: "component", type: SlFilterBarGroup, selector: "fieldset[slFilterBarGroup]", inputs: ["group", "path", "root", "fields", "translator", "size", "operandTemplates", "expanded"], outputs: ["rootChange", "applyRequest", "expandedChange"] }, { kind: "directive", type: SlFilterBarPart, selector: "[slFilterBarPart]", inputs: ["slFilterBarPart"] }, { kind: "component", type: SlFilterBarRuleEditor, selector: "[slFilterBarRuleEditor]", inputs: ["field", "current", "translator", "size", "operandTemplates", "queryDelay", "invalid", "withOperator"], outputs: ["ruleChange", "doneRequest"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }, { kind: "component", type: SlIconButton, selector: "button[slIconButton]", inputs: ["disabled", "focusableWhenDisabled", "loading", "loadingDelay", "messages", "shape", "size", "tone", "type", "variant", "pressed", "defaultPressed"], outputs: ["pressedChange"], exportAs: ["slIconButton"] }, { kind: "component", type: SlKbd, selector: "kbd[slKbd]", inputs: ["keyName", "platform", "size", "variant", "disabled", "messages"], exportAs: ["slKbd"] }, { kind: "component", type: SlMenu, selector: "sl-menu", inputs: ["value", "aria-label", "aria-describedby", "open", "align", "side", "size", "width", "mount", "strategy", "sideOffset", "alignOffset", "collisionPadding", "submenuOpenDelay", "submenuCloseDelay", "typeaheadTimeout", "disabled", "loop", "typeahead", "openOnHover", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "loading"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slMenu"] }, { kind: "component", type: SlMenuGroup, selector: "sl-menu-group", inputs: ["label"], exportAs: ["slMenuGroup"] }, { kind: "component", type: SlMenuItem, selector: "button[slMenuItem], a[slMenuItem], button[slMenuCheckboxItem], button[slMenuRadioItem]", inputs: ["disabled", "textValue", "tone", "shortcut", "closeOnSelect", "value", "checked"], outputs: ["checkedChange", "checkedChangeRequest", "select"], exportAs: ["slMenuItem"] }, { kind: "directive", type: SlMenuItemIcon, selector: "[slMenuItemIcon]" }, { kind: "component", type: SlMenuRadioGroup, selector: "sl-menu-radio-group", inputs: ["value"], outputs: ["valueChange", "valueChangeRequest"], exportAs: ["slMenuRadioGroup"] }, { kind: "directive", type: SlMenuTrigger, selector: "[slMenuTriggerFor]", inputs: ["slMenuTriggerFor"], exportAs: ["slMenuTrigger"] }, { kind: "directive", type: SlPopover, selector: "[slPopover]", inputs: ["open", "defaultOpen", "disabled", "size", "width", "side", "align", "mount", "strategy", "messages", "initialFocus", "finalFocus", "arrow", "autoFocus", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "sideOffset", "alignOffset", "collisionPadding", "arrowPadding"], outputs: ["openChange", "openChangeRequest"], exportAs: ["slPopover"] }, { kind: "component", type: SlPopoverContent, selector: "[slPopoverContent]", exportAs: ["slPopoverContent"] }, { kind: "directive", type: SlPopoverBody, selector: "[slPopoverBody]", exportAs: ["slPopoverBody"] }, { kind: "directive", type: SlPopoverLayer, selector: "ng-template[slPopoverLayer]", exportAs: ["slPopoverLayer"] }, { kind: "directive", type: SlPopoverTrigger, selector: "[slPopoverTrigger]", exportAs: ["slPopoverTrigger"] }, { kind: "component", type: SlSelect, selector: "sl-select", inputs: ["value", "open", "highlightedValue", "searchValue", "aria-label", "placeholder", "name", "form", "items", "total", "size", "variant", "side", "align", "width", "mount", "strategy", "messages", "filter", "locale", "sideOffset", "alignOffset", "collisionPadding", "typeaheadTimeout", "multiple", "clearable", "loop", "search", "highlightMatch", "typeahead", "closeOnSelect", "closeOnEscape", "closeOnOutsidePress", "flip", "shift", "hideWhenDetached", "portal", "fullWidth", "disabled", "readOnly", "required", "invalid", "loading"], outputs: ["valueChange", "valueChangeRequest", "openChange", "openChangeRequest", "highlightedValueChange", "highlightedValueChangeRequest", "searchValueChange", "searchValueChangeRequest"], exportAs: ["slSelect"] }, { kind: "component", type: SlSelectItem, selector: "sl-select-item", inputs: ["value", "disabled", "description", "icon", "textValue", "label", "position"], exportAs: ["slSelectItem"] }, { kind: "component", type: SlTextField, selector: "[slTextField]", inputs: ["size", "variant", "mono", "clearable", "revealable", "copyable", "messages", "loading"], outputs: ["valueCopy"], exportAs: ["slTextField"] }, { kind: "directive", type: SlTextFieldEnd, selector: "[slTextFieldEnd]", exportAs: ["slTextFieldEnd"] }, { kind: "directive", type: SlTextFieldStart, selector: "[slTextFieldStart]", exportAs: ["slTextFieldStart"] }, { 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: SlFilterBar, decorators: [{
             type: Component,
@@ -2624,8 +2658,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       }
     </ng-template>
 
-    <div data-part="frame">
-      <div data-part="search">
+    <div data-part="frame" data-part-frame="">
+      <div data-part="search" data-part-search="">
         <div slTextField [size]="sizeValue()" [clearable]="true">
           <span slTextFieldStart
             ><span slIcon><svg slGlyph name="search"></svg></span
@@ -2652,6 +2686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       <div
         #barRow
         data-part="bar"
+        data-part-bar=""
         role="toolbar"
         [attr.aria-label]="t('filters')"
         [attr.aria-description]="readOnly() ? t('readOnly') : null"
@@ -2678,6 +2713,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (pillOf(member); as pill) {
             <button
               data-part="pill"
+              data-part-pill=""
               type="button"
               aria-haspopup="dialog"
               [attr.data-field]="pill.field.key"
@@ -2692,6 +2728,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (chipOf(member); as chip) {
             <div
               data-part="chip"
+              data-part-chip=""
               role="group"
               [attr.aria-label]="chip.name"
               [attr.data-field]="chip.key"
@@ -2702,7 +2739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               [attr.data-invalid]="chip.unknown || invalid() === chip.key ? '' : null"
               (keydown)="onChipKeyDown($event, chip.key)"
             >
-              <span data-part="chip-field"
+              <span data-part="chip-field" data-part-chip-field=""
                 ><ng-container
                   [ngTemplateOutlet]="fieldIcon"
                   [ngTemplateOutletContext]="{ $implicit: chip.field?.icon }"
@@ -2711,6 +2748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               @if (readOnly() || chip.unknown) {
                 <button
                   data-part="chip-operator"
+                  data-part-chip-operator=""
                   type="button"
                   aria-disabled="true"
                   [disabled]="disabled()"
@@ -2720,6 +2758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               } @else {
                 <button
                   data-part="chip-operator"
+                  data-part-chip-operator=""
                   slFilterBarPart="chip-operator"
                   type="button"
                   [disabled]="disabled()"
@@ -2744,6 +2783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 @if (readOnly() || chip.unknown || narrow()) {
                   <button
                     data-part="chip-value"
+                    data-part-chip-value=""
                     type="button"
                     [attr.aria-haspopup]="readOnly() || chip.unknown ? null : 'dialog'"
                     [attr.aria-disabled]="readOnly() || chip.unknown ? 'true' : null"
@@ -2764,6 +2804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     <button
                       slPopoverTrigger
                       data-part="chip-value"
+                      data-part-chip-value=""
                       type="button"
                       aria-haspopup="dialog"
                       [attr.aria-label]="chip.valueName"
@@ -2798,6 +2839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               @if (chip.removable) {
                 <button
                   data-part="chip-remove"
+                  data-part-chip-remove=""
                   type="button"
                   [attr.aria-label]="t('remove', { name: chip.label })"
                   [disabled]="disabled()"
@@ -2811,6 +2853,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
           @if (groupOf(member); as group) {
             <div
               data-part="chip"
+              data-part-chip=""
               role="group"
               data-operands="1"
               [attr.aria-label]="group.words"
@@ -2819,6 +2862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
             >
               <button
                 data-part="chip-value"
+                data-part-chip-value=""
                 type="button"
                 aria-haspopup="dialog"
                 [attr.aria-disabled]="readOnly() ? 'true' : null"
@@ -2831,6 +2875,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
               @if (!readOnly()) {
                 <button
                   data-part="chip-remove"
+                  data-part-chip-remove=""
                   type="button"
                   [attr.aria-label]="t('remove', { name: group.words })"
                   [disabled]="disabled()"
@@ -2846,6 +2891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         @if (folded() > 0) {
           <button
             data-part="more"
+            data-part-more=""
             type="button"
             [attr.aria-expanded]="isRevealed()"
             [disabled]="disabled()"
@@ -2943,7 +2989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
 
         @if (applyValue() === 'manual' && !readOnly()) {
-          <div data-part="actions">
+          <div data-part="actions" data-part-actions="">
             <button
               slButton
               slFilterBarPart="reset"
@@ -2970,12 +3016,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         }
       </div>
 
-      <div data-part="end">
+      <div data-part="end" data-part-end="">
         @if (presets(); as views) {
           @if (views.length > 0) {
             <!-- Clearable: leaving a preset is the control's own clear, and
                  without it the one way out of a saved view is deleting it. -->
-            <div data-part="preset">
+            <div data-part="preset" data-part-preset="">
               <sl-select
                 clearable
                 [size]="sizeValue()"
@@ -2997,11 +3043,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </div>
 
       @if (countText() !== null || loading()) {
-        <p data-part="count" aria-live="polite" [attr.aria-busy]="loading() ? 'true' : null">
+        <p
+          data-part="count"
+          data-part-count=""
+          aria-live="polite"
+          [attr.aria-busy]="loading() ? 'true' : null"
+        >
           @if (loading()) {
             <span
               data-ui="spinner"
+              data-ui-spinner=""
               data-part="root"
+              data-part-root=""
               data-size="sm"
               role="progressbar"
               [attr.aria-label]="t('filters')"
@@ -3024,7 +3077,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         <button slDrawerClose></button>
       </header>
       <div slDrawerBody>
-        <div data-part="builder" data-ui="filter-bar" [id]="id + '-builder'">
+        <div
+          data-part="builder"
+          data-part-builder=""
+          data-ui="filter-bar"
+          data-ui-filter-bar=""
+          [id]="id + '-builder'"
+        >
           <fieldset
             slFilterBarGroup
             [group]="drawerDraft() ?? empty"
@@ -3085,7 +3144,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     </sl-drawer>
   `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slFilterBar', host: {
                         'data-ui': 'filter-bar',
+                        'data-ui-filter-bar': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         role: 'search',
                         '[attr.aria-label]': "ariaLabel ?? t('bar')",
                         '[attr.data-apply]': 'applyValue()',
@@ -3096,7 +3157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-dirty]': 'dirty() || presetDirty() ? "" : null',
                         '[attr.data-open]': 'isOpen() ? "" : null',
                         '[attr.data-sticky]': 'sticky() ? "" : null',
-                    }, styles: ["@layer slotted.components{[data-ui=filter-bar]{--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-md, 8px));--_gap-sm: var(--slotted-control-gap-sm, 6px);--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_pad: var(--slotted-control-padding-inline-md, 13px);--_seg-pad: var(--slotted-control-padding-inline-sm, 10px);--_icon: var(--slotted-control-icon-size-md, 16px);--_radius: var(--slotted-filter-bar-pill-radius, var(--slotted-radius-full, 9999px));--_control-radius: var(--slotted-control-radius, var(--slotted-radius-sm, 4px));--_border-width: var(--slotted-control-border-width, 1px);--_ink: var(--slotted-filter-bar-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-filter-bar-color-muted, var(--slotted-text-muted, GrayText));--_edge: var( --slotted-filter-bar-pill-border, var(--slotted-control-border-color, ButtonBorder) );--_seam: var(--slotted-filter-bar-chip-seam, var(--slotted-border-subtle, ButtonBorder));--_surface: var(--slotted-filter-bar-surface, var(--slotted-surface, Canvas));--_hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_invalid: var(--slotted-tone-danger-border, GrayText);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-filter-bar-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0}[data-ui=filter-bar][data-part=root]{container-name:slotted-filter-bar;container-type:inline-size;display:block;inline-size:100%}[data-ui=filter-bar][data-part=rule]{display:grid;gap:var(--_gap);inline-size:var(--slotted-filter-bar-editor-size, 18rem);max-inline-size:100%}[data-ui=filter-bar][data-part=rule] [data-part=operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui=filter-bar][data-part=rule][data-kind=boolean] [data-part=operand]:empty{display:none}[data-ui=filter-bar][data-part=rule]>[data-part=actions]{align-items:center;display:flex;gap:var(--_gap-sm);justify-content:flex-end}[data-ui=filter-bar]>[data-part=frame]{align-items:start;column-gap:var(--_gap);display:grid;grid-template-areas:\"search end count\" \"bar bar bar\";grid-template-columns:minmax(0,1fr) auto auto;row-gap:var(--_gap)}[data-ui=filter-bar]>[data-part=frame]>[data-part=search]{grid-area:search;max-inline-size:var(--slotted-filter-bar-search-max, 28rem);min-inline-size:0}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]{grid-area:bar}[data-ui=filter-bar]>[data-part=frame]>[data-part=end]{grid-area:end}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{grid-area:count;justify-self:end}[data-ui=filter-bar]>[data-part=frame]>[data-part=end]:empty{display:none}[data-ui=filter-bar][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_pad: var(--slotted-control-padding-inline-sm, 10px);--_seg-pad: var(--slotted-control-gap-md, 8px);--_icon: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-sm, 6px));--_gap-sm: var(--slotted-control-gap-sm, 4px)}[data-ui=filter-bar][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_pad: var(--slotted-control-padding-inline-lg, 16px);--_seg-pad: var(--slotted-control-padding-inline-md, 13px);--_icon: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-lg, 8px))}[data-ui=filter-bar] [data-part=search]>[data-ui=text-field],[data-ui=filter-bar] [data-part=preset]>[data-ui=select],[data-ui=filter-bar] :is([data-part=field],[data-part=operator])>[data-ui=select]{inline-size:100%}[data-ui=filter-bar] [data-part=bar]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);min-inline-size:0}[data-ui=filter-bar] [data-part=end]{align-items:center;display:flex;gap:var(--_gap)}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{color:var(--_muted);font-variant-numeric:tabular-nums;margin:0;min-block-size:1lh;padding-block:max(0px,calc((var(--_height) - 1lh) / 2));white-space:nowrap}[data-ui=filter-bar] [data-part=pill]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_height);border:var(--_border-width) dashed var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;padding-block:0;padding-inline:calc(var(--_pad) - var(--_gap-sm)) var(--_pad);transition:background-color var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);white-space:nowrap}[data-ui=filter-bar] [data-part=pill]>span:not([data-ui=icon]){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:isolate}[data-ui=filter-bar] [data-part=pill]>[data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=pill][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui=filter-bar] [data-part=pill]:enabled:hover{background-color:var(--_hover);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui=filter-bar] [data-part=pill]:enabled:active,[data-ui=filter-bar] [data-part=pill]:enabled[aria-expanded=true]{background-color:var(--_active);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui=filter-bar] [data-part=pill]: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=filter-bar] [data-part=chip]{align-items:stretch;background-color:var(--_surface);block-size:var(--_height);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;display:inline-flex;max-inline-size:100%;min-inline-size:0;transition:border-color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=filter-bar] :is([data-part=chip],[data-part=pill]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=filter-bar] [data-part=chip]>*{align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:inherit;display:inline-flex;flex:none;font:inherit;gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;min-inline-size:0;padding-block:0;padding-inline:var(--_seg-pad);white-space:nowrap}[data-ui=filter-bar] [data-part=chip]>*+*{border-inline-start:var(--_border-width) solid var(--_seam)}[data-ui=filter-bar] [data-part=chip]>:first-child{border-end-start-radius:var(--_radius);border-start-start-radius:var(--_radius);padding-inline-start:var(--_pad)}[data-ui=filter-bar] [data-part=chip]>:last-child{border-end-end-radius:var(--_radius);border-start-end-radius:var(--_radius)}[data-ui=filter-bar] [data-part=chip] [data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=chip-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar] [data-part=chip-field]>[data-ui=icon]{color:var(--_muted)}[data-ui=filter-bar] [data-part=chip]>*>span:not([data-ui]),[data-ui=filter-bar] [data-part=chip-operator]{unicode-bidi:isolate}[data-ui=filter-bar] [data-part=chip-operator]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0}[data-ui=filter-bar] [data-part=chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max, 12rem);min-inline-size:0;overflow:hidden;text-overflow:ellipsis}[data-ui=filter-bar] [data-part=chip-value]>[data-operator]{color:var(--_muted);display:none;font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip-remove]{aspect-ratio:1;color:var(--_muted);justify-content:center;padding-inline:0}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]){cursor:pointer;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):active,[data-ui=filter-bar] [data-part=chip]>:is(button,[role=button])[aria-expanded=true]{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=chip]>:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar] [data-part=chip][data-incomplete]{border-style:dashed;box-shadow:none}[data-ui=filter-bar] [data-part=chip][data-incomplete]>[data-part=chip-value]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=filter-bar] [data-part=chip][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui=filter-bar] [data-part=chip][data-invalid]>[data-part=chip-field],[data-ui=filter-bar] [data-part=chip][data-invalid]>[data-part=chip-field]>[data-ui=icon]{color:var(--slotted-tone-danger-text, CanvasText)}[data-ui=filter-bar] [data-part=chip][data-folded]{display:none;visibility:hidden}[data-ui=filter-bar] [data-part=bar][data-revealed] [data-part=chip][data-folded]{display:inline-flex;visibility:visible}[data-ui=filter-bar] [data-part=more]{align-items:center;appearance:none;background:none;block-size:var(--_height);border:0;border-radius:var(--_radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);justify-content:center;margin:0;padding-inline:var(--_seg-pad);transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui=filter-bar] [data-part=more]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=more]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=more]: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=filter-bar] [data-part=bar] :is([data-part=clear],[data-part=reset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar] [data-part=summary]{display:none;visibility:hidden}[data-ui=filter-bar] [data-part=summary]>[data-part=label]>span{font-variant-numeric:tabular-nums}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>[data-part=actions]{align-items:center;display:flex;gap:var(--_gap-sm);margin-inline-start:auto}[data-ui=filter-bar][data-disabled]{--_ink: var(--slotted-disabled-foreground, GrayText);--_muted: var(--slotted-disabled-foreground, GrayText);--_edge: var(--slotted-disabled-border, GrayText);--_seam: var(--slotted-disabled-border, GrayText);--_surface: var(--slotted-disabled-background, Canvas)}[data-ui=filter-bar][data-disabled] :is([data-part=pill],[data-part=chip]){box-shadow:none}[data-ui=filter-bar][data-disabled] :is([data-part=pill],[data-part=chip]>*){cursor:not-allowed}[data-ui=filter-bar][data-readonly] [data-part=chip]>*{cursor:default}[data-ui=filter-bar][data-loading]>[data-part=frame]>[data-part=count]{align-items:center;display:inline-flex;gap:var(--_gap-sm)}[data-ui=filter-bar][data-sticky]{background-color:var(--_surface);inset-block-start:var(--slotted-page-sticky-top, 0px);padding-block:var(--slotted-space-3, .375rem);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui=filter-bar][data-part=builder]{--_join-col: var(--slotted-filter-bar-join-size, 3.5rem);--_group-surface: var( --slotted-filter-bar-group-surface, var(--slotted-surface-sunken, Canvas) );--_group-edge: var(--slotted-filter-bar-group-border, var(--slotted-border-subtle, GrayText));container-name:slotted-filter-bar-builder;container-type:inline-size;display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui=filter-bar][data-part=builder] [data-part=group]{border:0;container-name:slotted-filter-bar-group;container-type:inline-size;display:grid;gap:var(--_gap);margin:0;min-inline-size:0;padding:0}[data-ui=filter-bar][data-part=builder] [data-part=group]:not([data-depth=\"0\"]){background-color:var(--_group-surface);border:var(--slotted-border-width-thin, 1px) solid var(--_group-edge);border-radius:var(--slotted-radius-md, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui=filter-bar][data-part=builder] [data-part=group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:var(--_surface)}[data-ui=filter-bar][data-part=builder] [data-part=group]>legend{block-size:1px;clip-path:inset(50%);overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}[data-ui=filter-bar][data-part=builder] [data-part=join]{align-items:center;color:var(--_ink);display:flex;flex-wrap:wrap;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm)}[data-ui=filter-bar][data-part=builder] [data-part=join]>[data-part=remove-group]{margin-inline-start:auto}[data-ui=filter-bar][data-part=builder] [data-part=rules]{align-items:start;column-gap:var(--_gap-sm);display:grid;grid-template-columns:var(--_join-col) minmax(0,1fr);min-inline-size:0;row-gap:var(--_gap)}[data-ui=filter-bar][data-part=builder] [data-part=conjunction]{color:var(--_muted);line-height:var(--_height);overflow:hidden;text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui=filter-bar][data-part=builder] [data-part=rule]{align-items:center;display:grid;gap:var(--_gap-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) var(--slotted-target-min, 24px);min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule]>*,[data-ui=filter-bar][data-part=builder] [data-part=rule] :is([data-part=operator],[data-part=operand]){min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"] [data-part=operand]{display:none}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) var(--slotted-target-min, 24px)}[data-ui=filter-bar][data-part=builder] [data-part=operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"2\"] [data-part=operand]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap-sm);padding-inline-start:calc(var(--_join-col) + var(--_gap-sm))}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>:is([data-part=add-rule],[data-part=add-group],[data-part=clear],[data-part=save-preset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>[data-part=save-preset]{margin-inline-start:auto}@container slotted-filter-bar-group (max-width: 30rem){[data-ui=filter-bar][data-part=builder] [data-part=rule],[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) var(--slotted-target-min, 24px)}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=field]{grid-column:1}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=remove]{grid-column:2;grid-row:1}[data-ui=filter-bar][data-part=builder] [data-part=rule] :is([data-part=operator],[data-part=operand]){grid-column:1 / -1}}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]{display:none;visibility:hidden}@container slotted-filter-bar-builder (max-width: 30rem){[data-ui=filter-bar][data-part=builder]{gap:var(--_gap)}[data-ui=filter-bar][data-part=builder] [data-part=rules]{grid-template-columns:minmax(0,1fr);row-gap:var(--_gap-sm)}[data-ui=filter-bar][data-part=builder] [data-part=conjunction]{font-size:var(--slotted-font-size-xs, 12px);line-height:var(--slotted-line-height-xs, 1.5);padding-inline-start:var(--_seg-pad);text-align:start}[data-ui=filter-bar][data-part=builder] [data-part=rules]>[data-part=conjunction]:first-child{display:none}[data-ui=filter-bar][data-part=builder] [data-part=group]:not([data-depth=\"0\"]),[data-ui=filter-bar][data-part=builder] [data-part=group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:transparent;border:0;border-inline-start:var(--slotted-border-width-medium, 2px) solid var(--_edge);border-radius:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem) 0}[data-ui=filter-bar][data-part=builder] [data-part=rule],[data-ui=filter-bar][data-part=builder] [data-part=rule][data-operands=\"0\"]{background-color:var(--_surface);border:var(--_border-width) solid var(--_edge);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-control-shadow, none);column-gap:0;grid-template-areas:\"summary remove\";grid-template-columns:minmax(0,1fr) var(--_height);row-gap:var(--_gap-sm);transition:border-color var(--_duration) var(--_easing)}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded]{border-color:var(--slotted-border-strong, ButtonBorder);padding-block-end:var(--_seg-pad)}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}@media(forced-colors:active){[data-ui=filter-bar][data-part=builder] [data-part=rule][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]{align-items:center;appearance:none;background:none;border:0;border-radius:calc(var(--slotted-radius-md, 6px) - var(--_border-width));color:var(--_ink);cursor:pointer;display:flex;font:inherit;gap:var(--_gap-sm);grid-area:summary;margin:0;min-block-size:var(--_height);min-inline-size:0;padding-block:max(var(--_gap-sm),calc((var(--_height) - 1lh) / 2));padding-inline:var(--_seg-pad) 0;text-align:start;transition:background-color var(--_duration) var(--_easing);visibility:visible}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]>[data-sentence]{flex:1 1 auto;min-inline-size:0}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-operator]{color:var(--_muted)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary] [data-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow-wrap:anywhere}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]>[data-ui=icon]{--slotted-icon-size: var(--_icon);color:var(--_muted);flex:none;margin-inline-start:auto;transition:rotate var(--_duration) var(--_easing)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary][aria-expanded=true]>[data-ui=icon]{rotate:180deg}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:enabled:hover{background-color:var(--_hover)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:enabled:active{background-color:var(--_active)}[data-ui=filter-bar][data-part=builder] [data-part=rule-summary]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar][data-part=builder] [data-part=rule]>[data-part=remove]{align-self:center;grid-area:remove;grid-row:1;justify-self:center}[data-ui=filter-bar][data-part=builder] [data-part=rule]:not([data-expanded]) :is([data-part=field],[data-part=operator],[data-part=operand]){display:none;visibility:hidden}[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded] :is([data-part=field],[data-part=operator],[data-part=operand]){grid-column:1 / -1;margin-inline:var(--_seg-pad);transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui=filter-bar][data-part=builder] [data-part=rule][data-expanded] :is([data-part=field],[data-part=operator],[data-part=operand]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]{padding-inline-start:0}[data-ui=filter-bar][data-part=builder] [data-part=group][data-depth=\"0\"]>[data-part=actions]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui=filter-bar][data-part=builder] [data-part=group][data-depth=\"0\"]>[data-part=actions]>:is([data-part=add-rule],[data-part=add-group]){inline-size:100%}[data-ui=filter-bar][data-part=builder] [data-part=group]>[data-part=actions]>:is([data-part=clear],[data-part=save-preset]){margin-inline-start:0}}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]{align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--_control-radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;inline-size:var(--slotted-target-min, 24px);justify-content:center;padding:0;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]>[data-ui=icon]{--slotted-icon-size: var(--_icon)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui=filter-bar] [data-part=rule]>[data-part=remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-filter-bar (max-width: 36rem){[data-ui=filter-bar]>[data-part=frame]{grid-template-areas:\"search\" \"bar\" \"count\";grid-template-columns:minmax(0,1fr)}[data-ui=filter-bar]>[data-part=frame]:has(>[data-part=end]:not(:empty)){grid-template-areas:\"search\" \"bar\" \"end\" \"count\"}[data-ui=filter-bar]>[data-part=frame]>[data-part=search]{max-inline-size:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=summary],[data-part=pill]):focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]::-webkit-scrollbar{display:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=summary],[data-part=chip],[data-part=pill]){flex:none}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>:is([data-part=more],[data-part=add],[data-part=clear],[data-part=actions]),[data-ui=filter-bar] [data-part=chip]>[data-part=chip-operator]{display:none;visibility:hidden}[data-ui=filter-bar]>[data-part=frame]>[data-part=bar]>[data-part=chip][data-folded]{display:inline-flex;visibility:visible}[data-ui=filter-bar] [data-part=chip-value]>[data-operator]{display:inline}[data-ui=filter-bar] [data-part=chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max-narrow, 9rem)}[data-ui=filter-bar] [data-part=summary]{display:inline-flex;visibility:visible}[data-ui=filter-bar]>[data-part=frame]>[data-part=count]{justify-self:start;padding-block:0}}@media(hover:none)and (pointer:coarse){[data-ui=filter-bar] [data-part=search] [data-ui=kbd]{display:none}}@media(pointer:coarse){[data-ui=filter-bar] :is([data-part=more],[data-part=rule]>[data-part=remove]){position:relative}[data-ui=filter-bar] :is([data-part=more],[data-part=rule]>[data-part=remove]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}@media(forced-colors:active){[data-ui=filter-bar] [data-part=pill][data-invalid],[data-ui=filter-bar] [data-part=chip][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui=filter-bar] [data-part=pill][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=filter-bar] [data-part=chip]>*+*{border-inline-start-color:GrayText}[data-ui=filter-bar] [data-part=chip]>[aria-expanded=true]{background-color:Highlight;color:HighlightText}}@media print{[data-ui=filter-bar][data-sticky]{position:static}}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-filter-bar]{--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-md, 8px));--_gap-sm: var(--slotted-control-gap-sm, 6px);--_height: var(--slotted-control-height-md, 34px);--_font-size: var(--slotted-control-font-size-md, 13px);--_pad: var(--slotted-control-padding-inline-md, 13px);--_seg-pad: var(--slotted-control-padding-inline-sm, 10px);--_icon: var(--slotted-control-icon-size-md, 16px);--_radius: var(--slotted-filter-bar-pill-radius, var(--slotted-radius-full, 9999px));--_control-radius: var(--slotted-control-radius, var(--slotted-radius-sm, 4px));--_border-width: var(--slotted-control-border-width, 1px);--_ink: var(--slotted-filter-bar-color, var(--slotted-text, CanvasText));--_muted: var(--slotted-filter-bar-color-muted, var(--slotted-text-muted, GrayText));--_edge: var( --slotted-filter-bar-pill-border, var(--slotted-control-border-color, ButtonBorder) );--_seam: var(--slotted-filter-bar-chip-seam, var(--slotted-border-subtle, ButtonBorder));--_surface: var(--slotted-filter-bar-surface, var(--slotted-surface, Canvas));--_hover: var(--slotted-tone-secondary-subtle-hover, ButtonFace);--_active: var(--slotted-tone-secondary-subtle-active, ButtonFace);--_invalid: var(--slotted-tone-danger-border, GrayText);--_invalid-edge-width: var(--slotted-control-invalid-edge-width, 1px);--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid);--_duration: var(--slotted-control-transition-duration, var(--slotted-duration-short));--_easing: var(--slotted-control-transition-easing, var(--slotted-easing-standard));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-filter-bar-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);min-inline-size:0}[data-ui-filter-bar][data-part-root]{container-name:slotted-filter-bar;container-type:inline-size;display:block;inline-size:100%}[data-ui-filter-bar][data-part-rule]{display:grid;gap:var(--_gap);inline-size:var(--slotted-filter-bar-editor-size, 18rem);max-inline-size:100%}[data-ui-filter-bar][data-part-rule] [data-part-operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui-filter-bar][data-part-rule][data-kind=boolean] [data-part-operand]:empty{display:none}[data-ui-filter-bar][data-part-rule]>[data-part-actions]{align-items:center;display:flex;gap:var(--_gap-sm);justify-content:flex-end}[data-ui-filter-bar]>[data-part-frame]{align-items:start;column-gap:var(--_gap);display:grid;grid-template-areas:\"search end count\" \"bar bar bar\";grid-template-columns:minmax(0,1fr) auto auto;row-gap:var(--_gap)}[data-ui-filter-bar]>[data-part-frame]>[data-part-search]{grid-area:search;max-inline-size:var(--slotted-filter-bar-search-max, 28rem);min-inline-size:0}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]{grid-area:bar}[data-ui-filter-bar]>[data-part-frame]>[data-part-end]{grid-area:end}[data-ui-filter-bar]>[data-part-frame]>[data-part-count]{grid-area:count;justify-self:end}[data-ui-filter-bar]>[data-part-frame]>[data-part-end]:empty{display:none}[data-ui-filter-bar][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_pad: var(--slotted-control-padding-inline-sm, 10px);--_seg-pad: var(--slotted-control-gap-md, 8px);--_icon: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-sm, 6px));--_gap-sm: var(--slotted-control-gap-sm, 4px)}[data-ui-filter-bar][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_pad: var(--slotted-control-padding-inline-lg, 16px);--_seg-pad: var(--slotted-control-padding-inline-md, 13px);--_icon: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-filter-bar-gap, var(--slotted-control-gap-lg, 8px))}[data-ui-filter-bar] [data-part-search]>[data-ui-text-field],[data-ui-filter-bar] [data-part-preset]>[data-ui-select],[data-ui-filter-bar] :is([data-part-field],[data-part-operator])>[data-ui-select]{inline-size:100%}[data-ui-filter-bar] [data-part-bar]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap);min-inline-size:0}[data-ui-filter-bar] [data-part-end]{align-items:center;display:flex;gap:var(--_gap)}[data-ui-filter-bar]>[data-part-frame]>[data-part-count]{color:var(--_muted);font-variant-numeric:tabular-nums;margin:0;min-block-size:1lh;padding-block:max(0px,calc((var(--_height) - 1lh) / 2));white-space:nowrap}[data-ui-filter-bar] [data-part-pill]{align-items:center;appearance:none;background-color:transparent;block-size:var(--_height);border:var(--_border-width) dashed var(--_edge);border-radius:var(--_radius);box-sizing:border-box;color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;padding-block:0;padding-inline:calc(var(--_pad) - var(--_gap-sm)) var(--_pad);transition:background-color var(--_duration) var(--_easing),border-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter);white-space:nowrap}[data-ui-filter-bar] [data-part-pill]>span:not([data-ui-icon]){min-inline-size:0;overflow:hidden;text-overflow:ellipsis;unicode-bidi:isolate}[data-ui-filter-bar] [data-part-pill]>[data-ui-icon]{--slotted-icon-size: var(--_icon)}[data-ui-filter-bar] [data-part-pill][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui-filter-bar] [data-part-pill]:enabled:hover{background-color:var(--_hover);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui-filter-bar] [data-part-pill]:enabled:active,[data-ui-filter-bar] [data-part-pill]:enabled[aria-expanded=true]{background-color:var(--_active);border-color:var(--slotted-border-strong, ButtonBorder);color:var(--_ink)}[data-ui-filter-bar] [data-part-pill]: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-filter-bar] [data-part-chip]{align-items:stretch;background-color:var(--_surface);block-size:var(--_height);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;display:inline-flex;max-inline-size:100%;min-inline-size:0;transition:border-color var(--_duration) var(--_easing),opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui-filter-bar] :is([data-part-chip],[data-part-pill]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui-filter-bar] [data-part-chip]>*{align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:inherit;display:inline-flex;flex:none;font:inherit;gap:var(--_gap-sm);line-height:var(--slotted-control-line-height, 1);margin:0;min-inline-size:0;padding-block:0;padding-inline:var(--_seg-pad);white-space:nowrap}[data-ui-filter-bar] [data-part-chip]>*+*{border-inline-start:var(--_border-width) solid var(--_seam)}[data-ui-filter-bar] [data-part-chip]>:first-child{border-end-start-radius:var(--_radius);border-start-start-radius:var(--_radius);padding-inline-start:var(--_pad)}[data-ui-filter-bar] [data-part-chip]>:last-child{border-end-end-radius:var(--_radius);border-start-end-radius:var(--_radius)}[data-ui-filter-bar] [data-part-chip] [data-ui-icon]{--slotted-icon-size: var(--_icon)}[data-ui-filter-bar] [data-part-chip-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-filter-bar] [data-part-chip-field]>[data-ui-icon]{color:var(--_muted)}[data-ui-filter-bar] [data-part-chip]>*>span:not([data-ui]),[data-ui-filter-bar] [data-part-chip-operator]{unicode-bidi:isolate}[data-ui-filter-bar] [data-part-chip-operator]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-filter-bar] [data-part-chip-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0}[data-ui-filter-bar] [data-part-chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max, 12rem);min-inline-size:0;overflow:hidden;text-overflow:ellipsis}[data-ui-filter-bar] [data-part-chip-value]>[data-operator]{color:var(--_muted);display:none;font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-filter-bar] [data-part-chip-remove]{aspect-ratio:1;color:var(--_muted);justify-content:center;padding-inline:0}[data-ui-filter-bar] [data-part-chip]>:is(button,[role=button]){cursor:pointer;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui-filter-bar] [data-part-chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):hover{background-color:var(--_hover);color:var(--_ink)}[data-ui-filter-bar] [data-part-chip]>:is(button,[role=button]):enabled:not([aria-disabled=true]):active,[data-ui-filter-bar] [data-part-chip]>:is(button,[role=button])[aria-expanded=true]{background-color:var(--_active);color:var(--_ink)}[data-ui-filter-bar] [data-part-chip]>:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-filter-bar] [data-part-chip][data-incomplete]{border-style:dashed;box-shadow:none}[data-ui-filter-bar] [data-part-chip][data-incomplete]>[data-part-chip-value]{color:var(--_muted);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui-filter-bar] [data-part-chip][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}[data-ui-filter-bar] [data-part-chip][data-invalid]>[data-part-chip-field],[data-ui-filter-bar] [data-part-chip][data-invalid]>[data-part-chip-field]>[data-ui-icon]{color:var(--slotted-tone-danger-text, CanvasText)}[data-ui-filter-bar] [data-part-chip][data-folded]{display:none;visibility:hidden}[data-ui-filter-bar] [data-part-bar][data-revealed] [data-part-chip][data-folded]{display:inline-flex;visibility:visible}[data-ui-filter-bar] [data-part-more]{align-items:center;appearance:none;background:none;block-size:var(--_height);border:0;border-radius:var(--_radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;font-weight:var(--slotted-font-weight-medium, 500);justify-content:center;margin:0;padding-inline:var(--_seg-pad);transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing);white-space:nowrap}[data-ui-filter-bar] [data-part-more]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui-filter-bar] [data-part-more]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui-filter-bar] [data-part-more]: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-filter-bar] [data-part-bar] :is([data-part-clear],[data-part-reset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui-filter-bar] [data-part-summary]{display:none;visibility:hidden}[data-ui-filter-bar] [data-part-summary]>[data-part-label]>span{font-variant-numeric:tabular-nums}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>[data-part-actions]{align-items:center;display:flex;gap:var(--_gap-sm);margin-inline-start:auto}[data-ui-filter-bar][data-disabled]{--_ink: var(--slotted-disabled-foreground, GrayText);--_muted: var(--slotted-disabled-foreground, GrayText);--_edge: var(--slotted-disabled-border, GrayText);--_seam: var(--slotted-disabled-border, GrayText);--_surface: var(--slotted-disabled-background, Canvas)}[data-ui-filter-bar][data-disabled] :is([data-part-pill],[data-part-chip]){box-shadow:none}[data-ui-filter-bar][data-disabled] :is([data-part-pill],[data-part-chip]>*){cursor:not-allowed}[data-ui-filter-bar][data-readonly] [data-part-chip]>*{cursor:default}[data-ui-filter-bar][data-loading]>[data-part-frame]>[data-part-count]{align-items:center;display:inline-flex;gap:var(--_gap-sm)}[data-ui-filter-bar][data-sticky]{background-color:var(--_surface);inset-block-start:var(--slotted-page-sticky-top, 0px);padding-block:var(--slotted-space-3, .375rem);position:sticky;z-index:var(--slotted-z-index-sticky, 100)}[data-ui-filter-bar][data-part-builder]{--_join-col: var(--slotted-filter-bar-join-size, 3.5rem);--_group-surface: var( --slotted-filter-bar-group-surface, var(--slotted-surface-sunken, Canvas) );--_group-edge: var(--slotted-filter-bar-group-border, var(--slotted-border-subtle, GrayText));container-name:slotted-filter-bar-builder;container-type:inline-size;display:grid;gap:var(--slotted-space-5, .75rem)}[data-ui-filter-bar][data-part-builder] [data-part-group]{border:0;container-name:slotted-filter-bar-group;container-type:inline-size;display:grid;gap:var(--_gap);margin:0;min-inline-size:0;padding:0}[data-ui-filter-bar][data-part-builder] [data-part-group]:not([data-depth=\"0\"]){background-color:var(--_group-surface);border:var(--slotted-border-width-thin, 1px) solid var(--_group-edge);border-radius:var(--slotted-radius-md, 6px);padding:var(--slotted-space-5, .75rem)}[data-ui-filter-bar][data-part-builder] [data-part-group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:var(--_surface)}[data-ui-filter-bar][data-part-builder] [data-part-group]>legend{block-size:1px;clip-path:inset(50%);overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}[data-ui-filter-bar][data-part-builder] [data-part-join]{align-items:center;color:var(--_ink);display:flex;flex-wrap:wrap;font-weight:var(--slotted-font-weight-medium, 500);gap:var(--_gap-sm)}[data-ui-filter-bar][data-part-builder] [data-part-join]>[data-part-remove-group]{margin-inline-start:auto}[data-ui-filter-bar][data-part-builder] [data-part-rules]{align-items:start;column-gap:var(--_gap-sm);display:grid;grid-template-columns:var(--_join-col) minmax(0,1fr);min-inline-size:0;row-gap:var(--_gap)}[data-ui-filter-bar][data-part-builder] [data-part-conjunction]{color:var(--_muted);line-height:var(--_height);overflow:hidden;text-align:end;text-overflow:ellipsis;white-space:nowrap}[data-ui-filter-bar][data-part-builder] [data-part-rule]{align-items:center;display:grid;gap:var(--_gap-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) var(--slotted-target-min, 24px);min-inline-size:0}[data-ui-filter-bar][data-part-builder] [data-part-rule]>*,[data-ui-filter-bar][data-part-builder] [data-part-rule] :is([data-part-operator],[data-part-operand]){min-inline-size:0}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"0\"] [data-part-operand]{display:none}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) var(--slotted-target-min, 24px)}[data-ui-filter-bar][data-part-builder] [data-part-operand]{display:grid;gap:var(--_gap-sm);min-inline-size:0}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"2\"] [data-part-operand]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--_gap-sm);padding-inline-start:calc(var(--_join-col) + var(--_gap-sm))}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]>:is([data-part-add-rule],[data-part-add-group],[data-part-clear],[data-part-save-preset]){--slotted-control-font-weight: var(--slotted-font-weight-medium, 500)}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]>[data-part-save-preset]{margin-inline-start:auto}@container slotted-filter-bar-group (max-width: 30rem){[data-ui-filter-bar][data-part-builder] [data-part-rule],[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"0\"]{grid-template-columns:minmax(0,1fr) var(--slotted-target-min, 24px)}[data-ui-filter-bar][data-part-builder] [data-part-rule]>[data-part-field]{grid-column:1}[data-ui-filter-bar][data-part-builder] [data-part-rule]>[data-part-remove]{grid-column:2;grid-row:1}[data-ui-filter-bar][data-part-builder] [data-part-rule] :is([data-part-operator],[data-part-operand]){grid-column:1 / -1}}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]{display:none;visibility:hidden}@container slotted-filter-bar-builder (max-width: 30rem){[data-ui-filter-bar][data-part-builder]{gap:var(--_gap)}[data-ui-filter-bar][data-part-builder] [data-part-rules]{grid-template-columns:minmax(0,1fr);row-gap:var(--_gap-sm)}[data-ui-filter-bar][data-part-builder] [data-part-conjunction]{font-size:var(--slotted-font-size-xs, 12px);line-height:var(--slotted-line-height-xs, 1.5);padding-inline-start:var(--_seg-pad);text-align:start}[data-ui-filter-bar][data-part-builder] [data-part-rules]>[data-part-conjunction]:first-child{display:none}[data-ui-filter-bar][data-part-builder] [data-part-group]:not([data-depth=\"0\"]),[data-ui-filter-bar][data-part-builder] [data-part-group]:is([data-depth=\"2\"],[data-depth=\"4\"],[data-depth=\"6\"]){background-color:transparent;border:0;border-inline-start:var(--slotted-border-width-medium, 2px) solid var(--_edge);border-radius:0;padding-block:0;padding-inline:var(--slotted-space-4, .5rem) 0}[data-ui-filter-bar][data-part-builder] [data-part-rule],[data-ui-filter-bar][data-part-builder] [data-part-rule][data-operands=\"0\"]{background-color:var(--_surface);border:var(--_border-width) solid var(--_edge);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-control-shadow, none);column-gap:0;grid-template-areas:\"summary remove\";grid-template-columns:minmax(0,1fr) var(--_height);row-gap:var(--_gap-sm);transition:border-color var(--_duration) var(--_easing)}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-expanded]{border-color:var(--slotted-border-strong, ButtonBorder);padding-block-end:var(--_seg-pad)}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-invalid]{border-color:var(--_invalid);box-shadow:var(--_invalid-edge)}@media(forced-colors:active){[data-ui-filter-bar][data-part-builder] [data-part-rule][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]{align-items:center;appearance:none;background:none;border:0;border-radius:calc(var(--slotted-radius-md, 6px) - var(--_border-width));color:var(--_ink);cursor:pointer;display:flex;font:inherit;gap:var(--_gap-sm);grid-area:summary;margin:0;min-block-size:var(--_height);min-inline-size:0;padding-block:max(var(--_gap-sm),calc((var(--_height) - 1lh) / 2));padding-inline:var(--_seg-pad) 0;text-align:start;transition:background-color var(--_duration) var(--_easing);visibility:visible}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]>[data-sentence]{flex:1 1 auto;min-inline-size:0}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary] [data-field]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary] [data-operator]{color:var(--_muted)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary] [data-value]{font-weight:var(--slotted-font-weight-medium, 500);min-inline-size:0;overflow-wrap:anywhere}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]>[data-ui-icon]{--slotted-icon-size: var(--_icon);color:var(--_muted);flex:none;margin-inline-start:auto;transition:rotate var(--_duration) var(--_easing)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary][aria-expanded=true]>[data-ui-icon]{rotate:180deg}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]:enabled:hover{background-color:var(--_hover)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]:enabled:active{background-color:var(--_active)}[data-ui-filter-bar][data-part-builder] [data-part-rule-summary]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-filter-bar][data-part-builder] [data-part-rule]>[data-part-remove]{align-self:center;grid-area:remove;grid-row:1;justify-self:center}[data-ui-filter-bar][data-part-builder] [data-part-rule]:not([data-expanded]) :is([data-part-field],[data-part-operator],[data-part-operand]){display:none;visibility:hidden}[data-ui-filter-bar][data-part-builder] [data-part-rule][data-expanded] :is([data-part-field],[data-part-operator],[data-part-operand]){grid-column:1 / -1;margin-inline:var(--_seg-pad);transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),translate var(--slotted-duration-medium) var(--slotted-easing-enter)}@starting-style{[data-ui-filter-bar][data-part-builder] [data-part-rule][data-expanded] :is([data-part-field],[data-part-operator],[data-part-operand]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]{padding-inline-start:0}[data-ui-filter-bar][data-part-builder] [data-part-group][data-depth=\"0\"]>[data-part-actions]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-ui-filter-bar][data-part-builder] [data-part-group][data-depth=\"0\"]>[data-part-actions]>:is([data-part-add-rule],[data-part-add-group]){inline-size:100%}[data-ui-filter-bar][data-part-builder] [data-part-group]>[data-part-actions]>:is([data-part-clear],[data-part-save-preset]){margin-inline-start:0}}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]{align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--_control-radius);color:var(--_muted);cursor:pointer;display:inline-flex;font:inherit;inline-size:var(--slotted-target-min, 24px);justify-content:center;padding:0;transition:background-color var(--_duration) var(--_easing),color var(--_duration) var(--_easing)}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]>[data-ui-icon]{--slotted-icon-size: var(--_icon)}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]:enabled:hover{background-color:var(--_hover);color:var(--_ink)}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]:enabled:active{background-color:var(--_active);color:var(--_ink)}[data-ui-filter-bar] [data-part-rule]>[data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-filter-bar (max-width: 36rem){[data-ui-filter-bar]>[data-part-frame]{grid-template-areas:\"search\" \"bar\" \"count\";grid-template-columns:minmax(0,1fr)}[data-ui-filter-bar]>[data-part-frame]:has(>[data-part-end]:not(:empty)){grid-template-areas:\"search\" \"bar\" \"end\" \"count\"}[data-ui-filter-bar]>[data-part-frame]>[data-part-search]{max-inline-size:none}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>:is([data-part-summary],[data-part-pill]):focus-visible{outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]::-webkit-scrollbar{display:none}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>:is([data-part-summary],[data-part-chip],[data-part-pill]){flex:none}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>:is([data-part-more],[data-part-add],[data-part-clear],[data-part-actions]),[data-ui-filter-bar] [data-part-chip]>[data-part-chip-operator]{display:none;visibility:hidden}[data-ui-filter-bar]>[data-part-frame]>[data-part-bar]>[data-part-chip][data-folded]{display:inline-flex;visibility:visible}[data-ui-filter-bar] [data-part-chip-value]>[data-operator]{display:inline}[data-ui-filter-bar] [data-part-chip-value]>[data-value]{max-inline-size:var(--slotted-filter-bar-value-max-narrow, 9rem)}[data-ui-filter-bar] [data-part-summary]{display:inline-flex;visibility:visible}[data-ui-filter-bar]>[data-part-frame]>[data-part-count]{justify-self:start;padding-block:0}}@media(hover:none)and (pointer:coarse){[data-ui-filter-bar] [data-part-search] [data-ui-kbd]{display:none}}@media(pointer:coarse){[data-ui-filter-bar] :is([data-part-more],[data-part-rule]>[data-part-remove]){position:relative}[data-ui-filter-bar] :is([data-part-more],[data-part-rule]>[data-part-remove]):before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}@media(forced-colors:active){[data-ui-filter-bar] [data-part-pill][data-invalid],[data-ui-filter-bar] [data-part-chip][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}[data-ui-filter-bar] [data-part-pill][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-filter-bar] [data-part-chip]>*+*{border-inline-start-color:GrayText}[data-ui-filter-bar] [data-part-chip]>[aria-expanded=true]{background-color:Highlight;color:HighlightText}}@media print{[data-ui-filter-bar][data-sticky]{position:static}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }, { type: i0.Output, args: ["queryChange"] }], defaultQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultQuery", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], preset: [{ type: i0.Input, args: [{ isSignal: true, alias: "preset", required: false }] }, { type: i0.Output, args: ["presetChange"] }], defaultPreset: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPreset", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], revealed: [{ type: i0.Input, args: [{ isSignal: true, alias: "revealed", required: false }] }, { type: i0.Output, args: ["revealedChange"] }], defaultRevealed: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultRevealed", required: false }] }], apply: [{ type: i0.Input, args: [{ isSignal: true, alias: "apply", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], queryDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryDelay", required: false }] }], chipLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "chipLimit", required: false }] }], shortcut: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcut", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], queryChangeRequest: [{ type: i0.Output, args: ["queryChangeRequest"] }], presetChangeRequest: [{ type: i0.Output, args: ["presetChangeRequest"] }], openChangeRequest: [{ type: i0.Output, args: ["openChangeRequest"] }], revealedChangeRequest: [{ type: i0.Output, args: ["revealedChangeRequest"] }], savePresetEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "savePresetEnabled", required: false }] }], savePreset: [{ type: i0.Output, args: ["savePreset"] }], searchInput: [{ type: i0.ViewChild, args: ['search', { isSignal: true }] }], barElement: [{ type: i0.ViewChild, args: ['barRow', { isSignal: true }] }], operandTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SlFilterBarOperand), { isSignal: true }] }], endSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFilterBarEnd), { isSignal: true }] }] } });
 
 /**