@praxisui/dynamic-fields 8.0.0-beta.23 → 8.0.0-beta.25

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -752,6 +752,161 @@ function resolvePraxisDynamicFieldsText(value, fallback) {
     return { text: fallback ?? '' };
 }
 
+function resolveInlineDisplayMask(metadata, currentValue) {
+    const explicitMask = stringValue(metadata['displayMask']) ||
+        stringValue(metadata['mask']) ||
+        stringValue(metadata['inputMask']) ||
+        maskFromFormat(metadata['format']);
+    if (explicitMask) {
+        if (hasPhoneSignal(metadata, buildComparableSignals(metadata))) {
+            const digits = digitsOnly(currentValue);
+            if (digits.startsWith('55') && digits.length > 11 && explicitMask.includes('+55')) {
+                return {
+                    mask: resolveBrazilianPhoneMask(currentValue),
+                    rawMode: 'digits',
+                };
+            }
+        }
+        return {
+            mask: explicitMask,
+            rawMode: /[Xx]/.test(explicitMask) ? 'alphanumeric' : 'digits',
+        };
+    }
+    const documentType = normalizeComparableToken(metadata['documentType'] ??
+        metadata['documentKind'] ??
+        metadata['identifierType'] ??
+        metadata['identifierKind']);
+    if (documentType === 'cpf') {
+        return { mask: '000.000.000-00', rawMode: 'digits' };
+    }
+    if (documentType === 'cnpj') {
+        return { mask: '00.000.000/0000-00', rawMode: 'digits' };
+    }
+    const signals = buildComparableSignals(metadata);
+    if (hasSignal(signals, 'cpfcnpj')) {
+        const digits = digitsOnly(currentValue);
+        return {
+            mask: digits.length > 11 ? '00.000.000/0000-00' : '000.000.000-00',
+            rawMode: 'digits',
+        };
+    }
+    if (hasSignal(signals, 'cpf')) {
+        return { mask: '000.000.000-00', rawMode: 'digits' };
+    }
+    if (hasSignal(signals, 'cnpj')) {
+        return { mask: '00.000.000/0000-00', rawMode: 'digits' };
+    }
+    if (hasPhoneSignal(metadata, signals)) {
+        return {
+            mask: resolveBrazilianPhoneMask(currentValue),
+            rawMode: 'digits',
+        };
+    }
+    if (hasPostalCodeSignal(signals)) {
+        return { mask: '00000-000', rawMode: 'digits' };
+    }
+    return null;
+}
+function applyInlineDisplayMask(value, mask) {
+    if (!value) {
+        return '';
+    }
+    let valueIndex = 0;
+    let output = '';
+    for (const token of mask.mask) {
+        if (valueIndex >= value.length) {
+            break;
+        }
+        if (isMaskPlaceholder(token)) {
+            output += value[valueIndex++] ?? '';
+        }
+        else {
+            output += token;
+        }
+    }
+    return output;
+}
+function unmaskInlineDisplayValue(value, mask) {
+    const text = String(value ?? '');
+    return mask.rawMode === 'alphanumeric'
+        ? text.replace(/[^a-zA-Z0-9]/g, '')
+        : digitsOnly(text);
+}
+function resolveBrazilianPhoneMask(value) {
+    const digits = digitsOnly(value);
+    if (digits.startsWith('55') && digits.length > 11) {
+        return '+00 00 00000-0000';
+    }
+    return digits.length <= 10 ? '(00) 0000-0000' : '(00) 00000-0000';
+}
+function hasPhoneSignal(metadata, signals) {
+    const phoneFormat = normalizeComparableToken(metadata['phoneFormat']);
+    const defaultCountry = normalizeComparableToken(metadata['defaultCountry']);
+    return (phoneFormat === 'national' ||
+        phoneFormat === 'international' ||
+        phoneFormat === 'e164' ||
+        defaultCountry === 'br' ||
+        hasSignal(signals, 'phone') ||
+        hasSignal(signals, 'telefone') ||
+        hasSignal(signals, 'celular') ||
+        hasSignal(signals, 'mobile') ||
+        hasSignal(signals, 'whatsapp') ||
+        hasSignal(signals, 'tel'));
+}
+function hasPostalCodeSignal(signals) {
+    return (hasSignal(signals, 'cep') ||
+        hasSignal(signals, 'postalcode') ||
+        hasSignal(signals, 'zipcode') ||
+        hasSignal(signals, 'zip'));
+}
+function buildComparableSignals(metadata) {
+    return [
+        metadata['name'],
+        metadata['id'],
+        metadata['key'],
+        metadata['label'],
+        metadata['placeholder'],
+        metadata['controlType'],
+        metadata['type'],
+        metadata['dataType'],
+        metadata['format'],
+        metadata['mask'],
+        metadata['inputMask'],
+    ]
+        .map(normalizeComparableToken)
+        .filter(Boolean)
+        .join('|');
+}
+function hasSignal(signals, token) {
+    return signals.split('|').includes(token) || signals.includes(token);
+}
+function maskFromFormat(value) {
+    const format = stringValue(value);
+    if (!format) {
+        return null;
+    }
+    const hasMaskTokens = /[0#9Xx]/.test(format);
+    const hasInvalidLetters = /[A-WYZawyz]/.test(format);
+    return hasMaskTokens && !hasInvalidLetters ? format : null;
+}
+function stringValue(value) {
+    return typeof value === 'string' && value.trim() ? value.trim() : null;
+}
+function normalizeComparableToken(value) {
+    return String(value ?? '')
+        .trim()
+        .toLowerCase()
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .replace(/[\s_-]+/g, '');
+}
+function digitsOnly(value) {
+    return String(value ?? '').replace(/\D/g, '');
+}
+function isMaskPlaceholder(token) {
+    return token === '0' || token === '9' || token === '#' || token === 'X' || token === 'x';
+}
+
 /**
  * @fileoverview Simple base component for input fields with basic ControlValueAccessor functionality
  *
@@ -1300,7 +1455,13 @@ class SimpleBaseInputComponent {
     /** Comportamento do float label (auto | always) */
     floatLabelBehavior = computed(() => {
         const meta = this.metadata();
-        return meta?.materialDesign?.floatLabel || 'auto';
+        const configured = meta?.materialDesign?.floatLabel;
+        if (configured) {
+            return configured;
+        }
+        // Angular Material recommends always-floating labels for outline/fill fields
+        // with prefix content, otherwise the resting label competes with the prefix.
+        return this.prefixIconName('') || meta?.prefix ? 'always' : 'auto';
     }, ...(ngDevMode ? [{ debugName: "floatLabelBehavior" }] : []));
     // =============================================================================
     // LIFECYCLE
@@ -1369,6 +1530,7 @@ class SimpleBaseInputComponent {
                 this.syncInProgress = false;
             }
         }
+        queueMicrotask(() => this.applyNativeDisplayMask());
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -1399,6 +1561,9 @@ class SimpleBaseInputComponent {
     // =============================================================================
     handleInput(event) {
         const input = event.target;
+        if (this.handleMaskedNativeInput(input)) {
+            return;
+        }
         const value = input.value;
         if (!this.syncInProgress) {
             this.syncInProgress = true;
@@ -1497,26 +1662,54 @@ class SimpleBaseInputComponent {
      * Ícone de prefixo configurável por metadata (`prefixIcon`), com fallback.
      */
     prefixIconName(fallback = '') {
-        return this.normalizeIconName(this.metadata()?.prefixIcon, fallback);
+        const meta = this.metadata() ?? {};
+        const explicit = this.normalizeIconName(meta.prefixIcon, '');
+        if (explicit) {
+            return explicit;
+        }
+        const iconPosition = String(meta.iconPosition ?? 'start').trim().toLowerCase();
+        if (iconPosition !== 'end') {
+            const canonical = this.normalizeIconName(meta.icon, '');
+            if (canonical) {
+                return canonical;
+            }
+        }
+        return fallback;
     }
     /**
      * Cor do ícone de prefixo (`prefixIconColor`).
      */
     prefixIconColor() {
-        const value = this.metadata()?.prefixIconColor;
+        const meta = this.metadata() ?? {};
+        const iconPosition = String(meta.iconPosition ?? 'start').trim().toLowerCase();
+        const value = meta.prefixIconColor ?? (iconPosition !== 'end' ? meta.iconColor : undefined);
         return typeof value === 'string' ? value : undefined;
     }
     /**
      * Ícone de sufixo configurável por metadata (`suffixIcon`).
      */
     suffixIconName(fallback = '') {
-        return this.normalizeIconName(this.metadata()?.suffixIcon, fallback);
+        const meta = this.metadata() ?? {};
+        const explicit = this.normalizeIconName(meta.suffixIcon, '');
+        if (explicit) {
+            return explicit;
+        }
+        const iconPosition = String(meta.iconPosition ?? '').trim().toLowerCase();
+        if (iconPosition === 'end') {
+            const canonical = this.normalizeIconName(meta.icon, '');
+            if (canonical) {
+                return canonical;
+            }
+        }
+        return fallback;
     }
     /**
      * Cor do ícone de sufixo (`suffixIconColor`).
      */
     suffixIconColor() {
-        const value = this.metadata()?.suffixIconColor;
+        const meta = this.metadata() ?? {};
+        const iconPosition = String(meta.iconPosition ?? '').trim().toLowerCase();
+        const value = meta.suffixIconColor ?? (iconPosition === 'end' ? meta.iconColor : undefined);
         return typeof value === 'string' ? value : undefined;
     }
     /**
@@ -1684,6 +1877,7 @@ class SimpleBaseInputComponent {
         this.nativeElement = el;
         this.attachNativeEventHandlers();
         this.applyNativeAttributes();
+        this.applyNativeDisplayMask();
         this.log('debug', 'registerInputElement: element attached and attributes applied');
     }
     /** Aplica atributos e ARIA com base no metadata */
@@ -1869,6 +2063,7 @@ class SimpleBaseInputComponent {
             .subscribe((value) => {
             this.fieldState.update((state) => ({ ...state, value }));
             this.syncComponentStateFromControl(control);
+            queueMicrotask(() => this.applyNativeDisplayMask(value));
         });
         control.statusChanges
             .pipe(takeUntilDestroyed(this.destroyRef))
@@ -1908,6 +2103,59 @@ class SimpleBaseInputComponent {
             disabled: !!control.disabled,
         }));
     }
+    handleMaskedNativeInput(input) {
+        if (!input) {
+            return false;
+        }
+        const mask = this.resolveNativeDisplayMask(input.value);
+        if (!mask) {
+            return false;
+        }
+        const rawValue = unmaskInlineDisplayValue(input.value, mask);
+        const displayValue = applyInlineDisplayMask(rawValue, mask);
+        if (!this.syncInProgress) {
+            this.syncInProgress = true;
+            try {
+                const control = this.control();
+                control.setValue(rawValue, { emitEvent: false });
+                this.onChange(rawValue);
+                this.valueChange.emit(rawValue);
+                this.fieldState.update((state) => ({ ...state, value: rawValue }));
+                this.markAsDirty();
+                this.applyErrorDebounceOnChange();
+            }
+            finally {
+                this.syncInProgress = false;
+            }
+        }
+        queueMicrotask(() => {
+            if (input.value !== displayValue) {
+                input.value = displayValue;
+            }
+        });
+        return true;
+    }
+    applyNativeDisplayMask(value = this.control().value) {
+        const input = this.nativeElement;
+        if (!input || input.tagName.toLowerCase() !== 'input') {
+            return;
+        }
+        const mask = this.resolveNativeDisplayMask(value);
+        if (!mask) {
+            return;
+        }
+        const displayValue = applyInlineDisplayMask(String(value ?? ''), mask);
+        if (input.value !== displayValue) {
+            input.value = displayValue;
+        }
+    }
+    resolveNativeDisplayMask(value) {
+        const metadata = this.metadata();
+        if (!metadata) {
+            return null;
+        }
+        return resolveInlineDisplayMask(metadata, value);
+    }
     // Atualiza tooltip/atributos de erro quando erros mudam e quando inline errors estiverem desabilitados
     refreshErrorTooltip() {
         if (!this.nativeElement)
@@ -2913,7 +3161,9 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         this.emptyOptionText.set(isMultiple ? null : (metadata.emptyOptionText ?? fallbackEmptyOption));
         const optionSource = metadata.optionSource ?? null;
         this.optionSource.set(optionSource);
-        this.useOptionsFilterEndpoint.set(this.isOptionsFilterEndpoint(metadata.endpoint));
+        this.useOptionsFilterEndpoint.set(this.isOptionsFilterEndpoint(metadata.endpoint) ||
+            this.isOptionsFilterEndpoint(metadata.optionsEndpoint) ||
+            String(metadata.optionsEndpoint ?? '').trim().toLowerCase() === 'filter');
         const path = optionSource?.resourcePath ?? metadata.resourcePath ?? metadata.endpoint;
         if (path) {
             this.resourcePath.set(path);
@@ -3004,8 +3254,10 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         const meta = this.metadata();
         if (!meta)
             return;
-        if (meta.compareWith)
-            this.matSelect.compareWith = meta.compareWith;
+        this.matSelect.compareWith =
+            typeof meta.compareWith === 'function'
+                ? meta.compareWith
+                : (left, right) => this.areOptionValuesEqual(left, right);
         // MatSelect does not support a displayWith property; formatting should
         // be handled via option labels or mat-select-trigger in templates.
         const panelClass = this.selectPanelClass();
@@ -3344,7 +3596,16 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         return currentCount >= max;
     }
     areOptionValuesEqual(left, right) {
-        return left === right;
+        return this.normalizeComparableOptionValue(left) === this.normalizeComparableOptionValue(right);
+    }
+    normalizeComparableOptionValue(value) {
+        if (value && typeof value === 'object' && 'id' in value) {
+            return this.normalizeComparableOptionValue(value.id);
+        }
+        if (typeof value === 'string' || typeof value === 'number') {
+            return String(value).trim();
+        }
+        return value;
     }
     /**
      * Toggles selection of all options when `selectAll` is enabled in multiple
@@ -3442,6 +3703,10 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         if (left === right) {
             return true;
         }
+        if (this.normalizeComparableOptionValue(left) ===
+            this.normalizeComparableOptionValue(right)) {
+            return true;
+        }
         try {
             return JSON.stringify(left) === JSON.stringify(right);
         }
@@ -11410,10 +11675,10 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         request$
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((opts) => {
-            const returned = new Set(opts.map((o) => o.id));
+            const returned = new Set(opts.map((o) => this.normalizeComparableOptionValue(o.id)));
             opts.forEach((o) => this.store.upsertById(o));
             ids
-                .filter((id) => !returned.has(id))
+                .filter((id) => !returned.has(this.normalizeComparableOptionValue(id)))
                 .forEach((id) => this.store.upsertById({ id, label: this.missingOptionLabel(id) }, true));
             this.store.ensureVisible(ids);
             this.refreshOptions();
@@ -11714,7 +11979,8 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         return option.extra?.['selectable'] === false;
     }
     areOptionValuesEqual(left, right) {
-        return this.normalizeRemoteOptionValue(left) === this.normalizeRemoteOptionValue(right);
+        return (this.normalizeComparableOptionValue(this.normalizeRemoteOptionValue(left)) ===
+            this.normalizeComparableOptionValue(this.normalizeRemoteOptionValue(right)));
     }
     normalizeRemoteOptionValue(value) {
         if (value && typeof value === 'object' && 'id' in value) {
@@ -16005,6 +16271,8 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
         this.devWarnSelectAliases(matMetadata, 'MaterialSelectComponent');
         const source = matMetadata.selectOptions ?? this.optionsFromLegacy(matMetadata);
         const mappedOptions = source?.map((option) => this.normalizeOption(option));
+        const optionLabelKey = matMetadata.optionLabelKey ?? matMetadata.displayField;
+        const optionValueKey = matMetadata.optionValueKey ?? matMetadata.valueField;
         super.setSelectMetadata({
             ...matMetadata,
             options: mappedOptions,
@@ -16012,8 +16280,8 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
             searchable: matMetadata.searchable,
             resourcePath: matMetadata.resourcePath,
             filterCriteria: matMetadata.filterCriteria,
-            optionLabelKey: matMetadata.optionLabelKey,
-            optionValueKey: matMetadata.optionValueKey,
+            optionLabelKey,
+            optionValueKey,
         });
     }
     ngOnInit() {
@@ -16037,9 +16305,10 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
     }
     normalizeOption(option) {
         const label = option['label'] ?? option['text'];
+        const value = option['value'] ?? option['id'];
         return {
             label: typeof label === 'string' ? label : String(label ?? ''),
-            value: option['value'],
+            value,
             disabled: option['disabled'] === true ? true : undefined,
         };
     }
@@ -17192,6 +17461,9 @@ class PhoneInputComponent extends SimpleBaseInputComponent {
         super.registerInputElement(el);
         this.applyPhoneDisplayValue();
     }
+    applyNativeDisplayMask() {
+        this.applyPhoneDisplayValue();
+    }
     handleInput(event) {
         if (!this.isPhoneRuntimeEnabled()) {
             super.handleInput(event);
@@ -20422,6 +20694,11 @@ class MaterialCurrencyComponent extends SimpleBaseInputComponent {
             this.setCaretToEnd();
         }
     }
+    applyNativeDisplayMask() {
+        if (this.inputRef?.nativeElement) {
+            this.formatDisplayValue();
+        }
+    }
     async validateField() {
         const errors = await super.validateField();
         this.validationChange.emit(errors);
@@ -20699,14 +20976,11 @@ class MaterialCurrencyComponent extends SimpleBaseInputComponent {
         </mat-hint>
       }
     </mat-form-field>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+  `, isInline: true, styles: [":host ::ng-deep .pdx-material-currency .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-material-currency .mat-mdc-form-field-text-prefix,:host ::ng-deep .pdx-material-currency .mat-mdc-form-field-icon-suffix,:host ::ng-deep .pdx-material-currency .mat-mdc-form-field-text-suffix{align-self:center;display:inline-flex;align-items:center}.currency-symbol{display:inline-flex;align-items:center;line-height:1;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialCurrencyComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'pdx-material-currency',
-                    standalone: true,
-                    template: `
+            args: [{ selector: 'pdx-material-currency', standalone: true, template: `
     <mat-form-field
       [appearance]="materialAppearance()"
       [color]="materialColor()"
@@ -20796,8 +21070,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </mat-hint>
       }
     </mat-form-field>
-  `,
-                    imports: [
+  `, imports: [
                         MatButtonModule,
                         CommonModule,
                         MatFormFieldModule,
@@ -20806,16 +21079,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         MatTooltipModule,
                         PraxisIconDirective,
                         ReactiveFormsModule,
-                    ],
-                    providers: [
+                    ], providers: [
                         CurrencyPipe,
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => MaterialCurrencyComponent),
                             multi: true,
                         },
-                    ],
-                    host: {
+                    ], host: {
                         '[class]': 'componentCssClasses()',
                         '[class.praxis-disabled]': 'disabledMode',
                         '[style.display]': 'visible ? null : "none"',
@@ -20823,8 +21094,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"currency"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    },
-                }]
+                    }, styles: [":host ::ng-deep .pdx-material-currency .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-material-currency .mat-mdc-form-field-text-prefix,:host ::ng-deep .pdx-material-currency .mat-mdc-form-field-icon-suffix,:host ::ng-deep .pdx-material-currency .mat-mdc-form-field-text-suffix{align-self:center;display:inline-flex;align-items:center}.currency-symbol{display:inline-flex;align-items:center;line-height:1;white-space:nowrap}\n"] }]
         }], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], inputRef: [{
                 type: ViewChild,
                 args: ['currencyInput', { static: true }]
@@ -21018,7 +21288,7 @@ class MaterialCpfCnpjInputComponent extends SimpleBaseInputComponent {
     <mat-form-field
       [appearance]="materialAppearance()"
       [color]="materialColor()"
-      floatLabel="auto"
+      [floatLabel]="floatLabelBehavior()"
       [class]="componentCssClasses()"
       [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
@@ -21098,7 +21368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     <mat-form-field
       [appearance]="materialAppearance()"
       [color]="materialColor()"
-      floatLabel="auto"
+      [floatLabel]="floatLabelBehavior()"
       [class]="componentCssClasses()"
       [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
@@ -22806,6 +23076,17 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
       [style.--pdx-inline-select-min-w.px]="inlineMinWidthPx || null"
       [style.--pdx-inline-select-max-w.px]="inlineMaxWidthPx || null"
     >
+      @if (chipLeadingIcon()) {
+        <mat-icon
+          matPrefix
+          class="pdx-chip-field-icon pdx-chip-leading-icon"
+          [color]="iconPalette(chipLeadingIconColor())"
+          [style.color]="iconResolvedColor(chipLeadingIconColor())"
+          aria-hidden="true"
+        >
+          {{ chipLeadingIcon() }}
+        </mat-icon>
+      }
       <mat-select
         class="pdx-inline-select-control"
         [panelClass]="'pdx-inline-select-panel'"
@@ -22848,28 +23129,7 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
             class="pdx-chip-trigger"
             [class.is-active]="hasSelection()"
           >
-            @if (chipLeadingIcon()) {
-              <mat-icon
-                class="pdx-chip-leading-icon"
-                [color]="iconPalette(chipLeadingIconColor())"
-                [style.color]="iconResolvedColor(chipLeadingIconColor())"
-                aria-hidden="true"
-              >
-                {{ chipLeadingIcon() }}
-              </mat-icon>
-            }
             <span class="pdx-chip-label">{{ displayText() }}</span>
-            @if (chipTrailingIcon()) {
-              <mat-icon
-                class="pdx-chip-trailing-icon"
-                [color]="iconPalette(chipTrailingIconColor())"
-                [style.color]="iconResolvedColor(chipTrailingIconColor())"
-                [matTooltip]="metadata()?.suffixIconTooltip || null"
-                [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
-              >
-                {{ chipTrailingIcon() }}
-              </mat-icon>
-            }
             @if (loading()) {
               <mat-progress-spinner
                 diameter="14"
@@ -22910,8 +23170,20 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
           {{ option.label }}
         </mat-option>
       </mat-select>
+      @if (chipTrailingIcon()) {
+        <mat-icon
+          matSuffix
+          class="pdx-chip-field-icon pdx-chip-trailing-icon"
+          [color]="iconPalette(chipTrailingIconColor())"
+          [style.color]="iconResolvedColor(chipTrailingIconColor())"
+          [matTooltip]="metadata()?.suffixIconTooltip || null"
+          [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
+        >
+          {{ chipTrailingIcon() }}
+        </mat-icon>
+      }
     </mat-form-field>
-  `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(260px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+  `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;width:calc(100% - 6px);min-width:0;max-width:calc(100% - 6px);overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 22px;width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:16px;border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(260px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:38px;padding-inline:12px}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineSelectComponent, decorators: [{
             type: Component,
@@ -22936,6 +23208,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       [style.--pdx-inline-select-min-w.px]="inlineMinWidthPx || null"
       [style.--pdx-inline-select-max-w.px]="inlineMaxWidthPx || null"
     >
+      @if (chipLeadingIcon()) {
+        <mat-icon
+          matPrefix
+          class="pdx-chip-field-icon pdx-chip-leading-icon"
+          [color]="iconPalette(chipLeadingIconColor())"
+          [style.color]="iconResolvedColor(chipLeadingIconColor())"
+          aria-hidden="true"
+        >
+          {{ chipLeadingIcon() }}
+        </mat-icon>
+      }
       <mat-select
         class="pdx-inline-select-control"
         [panelClass]="'pdx-inline-select-panel'"
@@ -22978,28 +23261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             class="pdx-chip-trigger"
             [class.is-active]="hasSelection()"
           >
-            @if (chipLeadingIcon()) {
-              <mat-icon
-                class="pdx-chip-leading-icon"
-                [color]="iconPalette(chipLeadingIconColor())"
-                [style.color]="iconResolvedColor(chipLeadingIconColor())"
-                aria-hidden="true"
-              >
-                {{ chipLeadingIcon() }}
-              </mat-icon>
-            }
             <span class="pdx-chip-label">{{ displayText() }}</span>
-            @if (chipTrailingIcon()) {
-              <mat-icon
-                class="pdx-chip-trailing-icon"
-                [color]="iconPalette(chipTrailingIconColor())"
-                [style.color]="iconResolvedColor(chipTrailingIconColor())"
-                [matTooltip]="metadata()?.suffixIconTooltip || null"
-                [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
-              >
-                {{ chipTrailingIcon() }}
-              </mat-icon>
-            }
             @if (loading()) {
               <mat-progress-spinner
                 diameter="14"
@@ -23040,6 +23302,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           {{ option.label }}
         </mat-option>
       </mat-select>
+      @if (chipTrailingIcon()) {
+        <mat-icon
+          matSuffix
+          class="pdx-chip-field-icon pdx-chip-trailing-icon"
+          [color]="iconPalette(chipTrailingIconColor())"
+          [style.color]="iconResolvedColor(chipTrailingIconColor())"
+          [matTooltip]="metadata()?.suffixIconTooltip || null"
+          [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
+        >
+          {{ chipTrailingIcon() }}
+        </mat-icon>
+      }
     </mat-form-field>
   `, providers: [
                         GenericCrudService,
@@ -23058,7 +23332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"inlineSelect"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(260px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
+                    }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;width:calc(100% - 6px);min-width:0;max-width:calc(100% - 6px);overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 22px;width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:16px;border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(260px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:38px;padding-inline:12px}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -23725,6 +23999,9 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
         }
         return value === null || value === undefined || value === '' ? 0 : 1;
     }
+    additionalSelectedCount() {
+        return Math.max(this.selectedCount() - 1, 0);
+    }
     displayText() {
         const value = this.control().value;
         if (value === null || value === undefined || value === '') {
@@ -23735,10 +24012,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
                 return this.placeholderText();
             }
             const labels = value.map((item) => this.resolveOptionLabel(item));
-            if (labels.length === 1) {
-                return labels[0];
-            }
-            return `${labels[0]} +${labels.length - 1}`;
+            return labels[0];
         }
         return this.resolveOptionLabel(value);
     }
@@ -23924,6 +24198,17 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
       [style.--pdx-inline-searchable-select-min-w.px]="inlineMinWidthPx || null"
       [style.--pdx-inline-searchable-select-max-w.px]="inlineMaxWidthPx || null"
     >
+      @if (chipLeadingIcon()) {
+        <mat-icon
+          matPrefix
+          class="pdx-chip-field-icon pdx-chip-leading-icon"
+          [color]="iconPalette(chipLeadingIconColor())"
+          [style.color]="iconResolvedColor(chipLeadingIconColor())"
+          aria-hidden="true"
+        >
+          {{ chipLeadingIcon() }}
+        </mat-icon>
+      }
       <mat-select
         class="pdx-inline-searchable-select-control"
         [panelClass]="'pdx-inline-searchable-select-panel'"
@@ -23967,30 +24252,9 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
             class="pdx-chip-trigger"
             [class.is-active]="hasSelection()"
           >
-            @if (chipLeadingIcon()) {
-              <mat-icon
-                class="pdx-chip-leading-icon"
-                [color]="iconPalette(chipLeadingIconColor())"
-                [style.color]="iconResolvedColor(chipLeadingIconColor())"
-                aria-hidden="true"
-              >
-                {{ chipLeadingIcon() }}
-              </mat-icon>
-            }
             <span class="pdx-chip-label">{{ displayText() }}</span>
-            @if (multiple() && selectedCount() > 1) {
-              <span class="pdx-chip-count">{{ selectedCount() }}</span>
-            }
-            @if (chipTrailingIcon()) {
-              <mat-icon
-                class="pdx-chip-trailing-icon"
-                [color]="iconPalette(chipTrailingIconColor())"
-                [style.color]="iconResolvedColor(chipTrailingIconColor())"
-                [matTooltip]="metadata()?.suffixIconTooltip || null"
-                [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
-              >
-                {{ chipTrailingIcon() }}
-              </mat-icon>
+          @if (additionalSelectedCount() > 0) {
+            <span class="pdx-chip-count">+{{ additionalSelectedCount() }}</span>
             }
             @if (loading()) {
               <mat-progress-spinner
@@ -24044,8 +24308,20 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
           {{ endOfOptionsLabel() }}
         </mat-option>
       </mat-select>
+      @if (chipTrailingIcon()) {
+        <mat-icon
+          matSuffix
+          class="pdx-chip-field-icon pdx-chip-trailing-icon"
+          [color]="iconPalette(chipTrailingIconColor())"
+          [style.color]="iconResolvedColor(chipTrailingIconColor())"
+          [matTooltip]="metadata()?.suffixIconTooltip || null"
+          [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
+        >
+          {{ chipTrailingIcon() }}
+        </mat-icon>
+      }
     </mat-form-field>
-  `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+  `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;width:calc(100% - 6px);min-width:0;max-width:calc(100% - 6px);overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 22px;width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:16px;border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:38px;padding-inline:12px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineSearchableSelectComponent, decorators: [{
             type: Component,
@@ -24070,6 +24346,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       [style.--pdx-inline-searchable-select-min-w.px]="inlineMinWidthPx || null"
       [style.--pdx-inline-searchable-select-max-w.px]="inlineMaxWidthPx || null"
     >
+      @if (chipLeadingIcon()) {
+        <mat-icon
+          matPrefix
+          class="pdx-chip-field-icon pdx-chip-leading-icon"
+          [color]="iconPalette(chipLeadingIconColor())"
+          [style.color]="iconResolvedColor(chipLeadingIconColor())"
+          aria-hidden="true"
+        >
+          {{ chipLeadingIcon() }}
+        </mat-icon>
+      }
       <mat-select
         class="pdx-inline-searchable-select-control"
         [panelClass]="'pdx-inline-searchable-select-panel'"
@@ -24113,30 +24400,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             class="pdx-chip-trigger"
             [class.is-active]="hasSelection()"
           >
-            @if (chipLeadingIcon()) {
-              <mat-icon
-                class="pdx-chip-leading-icon"
-                [color]="iconPalette(chipLeadingIconColor())"
-                [style.color]="iconResolvedColor(chipLeadingIconColor())"
-                aria-hidden="true"
-              >
-                {{ chipLeadingIcon() }}
-              </mat-icon>
-            }
             <span class="pdx-chip-label">{{ displayText() }}</span>
-            @if (multiple() && selectedCount() > 1) {
-              <span class="pdx-chip-count">{{ selectedCount() }}</span>
-            }
-            @if (chipTrailingIcon()) {
-              <mat-icon
-                class="pdx-chip-trailing-icon"
-                [color]="iconPalette(chipTrailingIconColor())"
-                [style.color]="iconResolvedColor(chipTrailingIconColor())"
-                [matTooltip]="metadata()?.suffixIconTooltip || null"
-                [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
-              >
-                {{ chipTrailingIcon() }}
-              </mat-icon>
+          @if (additionalSelectedCount() > 0) {
+            <span class="pdx-chip-count">+{{ additionalSelectedCount() }}</span>
             }
             @if (loading()) {
               <mat-progress-spinner
@@ -24190,6 +24456,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           {{ endOfOptionsLabel() }}
         </mat-option>
       </mat-select>
+      @if (chipTrailingIcon()) {
+        <mat-icon
+          matSuffix
+          class="pdx-chip-field-icon pdx-chip-trailing-icon"
+          [color]="iconPalette(chipTrailingIconColor())"
+          [style.color]="iconResolvedColor(chipTrailingIconColor())"
+          [matTooltip]="metadata()?.suffixIconTooltip || null"
+          [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
+        >
+          {{ chipTrailingIcon() }}
+        </mat-icon>
+      }
     </mat-form-field>
   `, providers: [
                         GenericCrudService,
@@ -24208,7 +24486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"inlineSearchableSelect"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
+                    }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;width:calc(100% - 6px);min-width:0;max-width:calc(100% - 6px);overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 22px;width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:16px;border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:38px;padding-inline:12px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
         }], propDecorators: { onViewportResize: [{
                 type: HostListener,
                 args: ['window:resize']
@@ -24259,6 +24537,9 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
         }
         return value === null || value === undefined || value === '' ? 0 : 1;
     }
+    additionalSelectedCount() {
+        return Math.max(this.selectedCount() - 1, 0);
+    }
     displayText() {
         const value = this.control().value;
         if (value === null || value === undefined || value === '') {
@@ -24269,10 +24550,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
                 return this.placeholderText();
             }
             const labels = value.map((item) => this.resolveOptionLabel(item));
-            if (labels.length === 1) {
-                return labels[0];
-            }
-            return `${labels[0]} +${labels.length - 1}`;
+            return labels[0];
         }
         return this.resolveOptionLabel(value);
     }
@@ -24506,6 +24784,17 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
       [style.--pdx-inline-async-select-min-w.px]="inlineMinWidthPx || null"
       [style.--pdx-inline-async-select-max-w.px]="inlineMaxWidthPx || null"
     >
+      @if (chipLeadingIcon()) {
+        <mat-icon
+          matPrefix
+          class="pdx-chip-field-icon pdx-chip-leading-icon"
+          [color]="iconPalette(chipLeadingIconColor())"
+          [style.color]="iconResolvedColor(chipLeadingIconColor())"
+          aria-hidden="true"
+        >
+          {{ chipLeadingIcon() }}
+        </mat-icon>
+      }
       <mat-select
         class="pdx-inline-async-select-control"
         [panelClass]="'pdx-inline-async-select-panel'"
@@ -24550,30 +24839,9 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
             class="pdx-chip-trigger"
             [class.is-active]="hasSelection()"
           >
-            @if (chipLeadingIcon()) {
-              <mat-icon
-                class="pdx-chip-leading-icon"
-                [color]="iconPalette(chipLeadingIconColor())"
-                [style.color]="iconResolvedColor(chipLeadingIconColor())"
-                aria-hidden="true"
-              >
-                {{ chipLeadingIcon() }}
-              </mat-icon>
-            }
             <span class="pdx-chip-label">{{ displayText() }}</span>
-            @if (multiple() && selectedCount() > 1) {
-              <span class="pdx-chip-count">{{ selectedCount() }}</span>
-            }
-            @if (chipTrailingIcon()) {
-              <mat-icon
-                class="pdx-chip-trailing-icon"
-                [color]="iconPalette(chipTrailingIconColor())"
-                [style.color]="iconResolvedColor(chipTrailingIconColor())"
-                [matTooltip]="metadata()?.suffixIconTooltip || null"
-                [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
-              >
-                {{ chipTrailingIcon() }}
-              </mat-icon>
+          @if (additionalSelectedCount() > 0) {
+            <span class="pdx-chip-count">+{{ additionalSelectedCount() }}</span>
             }
             @if (loading()) {
               <mat-progress-spinner
@@ -24627,8 +24895,20 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
           {{ endOfOptionsLabel() }}
         </mat-option>
       </mat-select>
+      @if (chipTrailingIcon()) {
+        <mat-icon
+          matSuffix
+          class="pdx-chip-field-icon pdx-chip-trailing-icon"
+          [color]="iconPalette(chipTrailingIconColor())"
+          [style.color]="iconResolvedColor(chipTrailingIconColor())"
+          [matTooltip]="metadata()?.suffixIconTooltip || null"
+          [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
+        >
+          {{ chipTrailingIcon() }}
+        </mat-icon>
+      }
     </mat-form-field>
-  `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var(--pdx-inline-field-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--pdx-inline-field-focus-outline);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;background:transparent!important;background-color:transparent!important;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{max-width:100%;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+  `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var(--pdx-inline-field-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;width:calc(100% - 6px);min-width:0;max-width:calc(100% - 6px);overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 22px;width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:16px;border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:38px;padding-inline:12px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineAsyncSelectComponent, decorators: [{
             type: Component,
@@ -24653,6 +24933,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       [style.--pdx-inline-async-select-min-w.px]="inlineMinWidthPx || null"
       [style.--pdx-inline-async-select-max-w.px]="inlineMaxWidthPx || null"
     >
+      @if (chipLeadingIcon()) {
+        <mat-icon
+          matPrefix
+          class="pdx-chip-field-icon pdx-chip-leading-icon"
+          [color]="iconPalette(chipLeadingIconColor())"
+          [style.color]="iconResolvedColor(chipLeadingIconColor())"
+          aria-hidden="true"
+        >
+          {{ chipLeadingIcon() }}
+        </mat-icon>
+      }
       <mat-select
         class="pdx-inline-async-select-control"
         [panelClass]="'pdx-inline-async-select-panel'"
@@ -24697,30 +24988,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             class="pdx-chip-trigger"
             [class.is-active]="hasSelection()"
           >
-            @if (chipLeadingIcon()) {
-              <mat-icon
-                class="pdx-chip-leading-icon"
-                [color]="iconPalette(chipLeadingIconColor())"
-                [style.color]="iconResolvedColor(chipLeadingIconColor())"
-                aria-hidden="true"
-              >
-                {{ chipLeadingIcon() }}
-              </mat-icon>
-            }
             <span class="pdx-chip-label">{{ displayText() }}</span>
-            @if (multiple() && selectedCount() > 1) {
-              <span class="pdx-chip-count">{{ selectedCount() }}</span>
-            }
-            @if (chipTrailingIcon()) {
-              <mat-icon
-                class="pdx-chip-trailing-icon"
-                [color]="iconPalette(chipTrailingIconColor())"
-                [style.color]="iconResolvedColor(chipTrailingIconColor())"
-                [matTooltip]="metadata()?.suffixIconTooltip || null"
-                [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
-              >
-                {{ chipTrailingIcon() }}
-              </mat-icon>
+          @if (additionalSelectedCount() > 0) {
+            <span class="pdx-chip-count">+{{ additionalSelectedCount() }}</span>
             }
             @if (loading()) {
               <mat-progress-spinner
@@ -24774,6 +25044,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           {{ endOfOptionsLabel() }}
         </mat-option>
       </mat-select>
+      @if (chipTrailingIcon()) {
+        <mat-icon
+          matSuffix
+          class="pdx-chip-field-icon pdx-chip-trailing-icon"
+          [color]="iconPalette(chipTrailingIconColor())"
+          [style.color]="iconResolvedColor(chipTrailingIconColor())"
+          [matTooltip]="metadata()?.suffixIconTooltip || null"
+          [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
+        >
+          {{ chipTrailingIcon() }}
+        </mat-icon>
+      }
     </mat-form-field>
   `, providers: [
                         GenericCrudService,
@@ -24792,7 +25074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"inlineAsyncSelect"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var(--pdx-inline-field-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--pdx-inline-field-focus-outline);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;background:transparent!important;background-color:transparent!important;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{max-width:100%;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
+                    }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var(--pdx-inline-field-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;width:calc(100% - 6px);min-width:0;max-width:calc(100% - 6px);overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 22px;width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:16px;border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:38px;padding-inline:12px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
         }], propDecorators: { onViewportResize: [{
                 type: HostListener,
                 args: ['window:resize']
@@ -25334,6 +25616,7 @@ class InlineInputComponent extends SimpleBaseInputComponent {
     inlineWidthPx = 0;
     inlineMaxWidthPx = 360;
     resizeRafId = null;
+    maskSyncRafId = null;
     currentMetadata() {
         return (this.metadata() ?? {});
     }
@@ -25350,13 +25633,20 @@ class InlineInputComponent extends SimpleBaseInputComponent {
     setMetadata(metadata) {
         super.setMetadata(metadata);
         this.fieldLabelText = this.resolveFieldLabelFromMetadata(metadata);
+        this.scheduleMaskedDisplaySync();
         this.scheduleInlineResize();
     }
     onComponentInit() {
         super.onComponentInit?.();
         this.control().valueChanges
             .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => this.scheduleInlineResize());
+            .subscribe(() => {
+            this.syncMaskedDisplayValue();
+            this.scheduleMaskedDisplaySync();
+            this.scheduleInlineResize();
+        });
+        this.syncMaskedDisplayValue();
+        this.scheduleMaskedDisplaySync();
         this.scheduleInlineResize();
     }
     ngAfterViewInit() {
@@ -25364,6 +25654,7 @@ class InlineInputComponent extends SimpleBaseInputComponent {
         if (this.inputEl?.nativeElement) {
             this.registerInputElement(this.inputEl.nativeElement);
         }
+        this.scheduleMaskedDisplaySync();
         this.scheduleInlineResize();
     }
     onComponentDestroy() {
@@ -25371,6 +25662,10 @@ class InlineInputComponent extends SimpleBaseInputComponent {
             window.cancelAnimationFrame(this.resizeRafId);
             this.resizeRafId = null;
         }
+        if (this.maskSyncRafId !== null && typeof window !== 'undefined') {
+            window.cancelAnimationFrame(this.maskSyncRafId);
+            this.maskSyncRafId = null;
+        }
     }
     onViewportResize() {
         this.scheduleInlineResize();
@@ -25402,6 +25697,10 @@ class InlineInputComponent extends SimpleBaseInputComponent {
         // Keep the same business semantics of clearButton + state restrictions.
         return this.showClear() && !this.control().disabled;
     }
+    hasInlineValue() {
+        const value = this.control().value;
+        return value !== null && value !== undefined && String(value).trim() !== '';
+    }
     showInlinePlaceholder() {
         const value = this.control().value;
         const empty = value === null || value === undefined || String(value).trim() === '';
@@ -25420,12 +25719,27 @@ class InlineInputComponent extends SimpleBaseInputComponent {
         control.markAsTouched();
         this.scheduleInlineResize();
     }
-    onInlineInput() {
+    onInlineInput(event) {
+        const input = event?.target instanceof HTMLInputElement
+            ? event.target
+            : this.inputEl?.nativeElement;
+        const mask = this.resolveDisplayMask();
+        if (input && mask) {
+            const raw = unmaskInlineDisplayValue(input.value, mask);
+            const masked = applyInlineDisplayMask(raw, mask);
+            if (input.value !== masked) {
+                input.value = masked;
+            }
+            if (this.control().value !== raw) {
+                this.setValue(raw, { emitEvent: true });
+            }
+        }
         this.scheduleInlineResize();
     }
     widthProbeText() {
         const value = this.control().value;
-        const text = value === null || value === undefined ? '' : String(value);
+        const rawText = value === null || value === undefined ? '' : String(value);
+        const text = this.formatInlineDisplayValue(rawText);
         if (text.trim().length) {
             return text;
         }
@@ -25453,12 +25767,26 @@ class InlineInputComponent extends SimpleBaseInputComponent {
             this.recalculateInlineWidth();
         });
     }
+    scheduleMaskedDisplaySync() {
+        if (typeof window === 'undefined') {
+            this.syncMaskedDisplayValue();
+            return;
+        }
+        if (this.maskSyncRafId !== null) {
+            window.cancelAnimationFrame(this.maskSyncRafId);
+        }
+        this.maskSyncRafId = window.requestAnimationFrame(() => {
+            this.maskSyncRafId = null;
+            this.syncMaskedDisplayValue();
+        });
+    }
     recalculateInlineWidth() {
         const measureNode = this.measureEl?.nativeElement;
         const inputNode = this.inputEl?.nativeElement;
         if (!measureNode) {
             return;
         }
+        this.syncMaskedDisplayValue();
         if (inputNode && typeof window !== 'undefined') {
             const computed = window.getComputedStyle(inputNode);
             measureNode.style.font = computed.font;
@@ -25529,6 +25857,28 @@ class InlineInputComponent extends SimpleBaseInputComponent {
         const parsed = Number.parseFloat(String(value ?? '0'));
         return Number.isFinite(parsed) ? parsed : 0;
     }
+    syncMaskedDisplayValue() {
+        const input = this.inputEl?.nativeElement;
+        if (!input) {
+            return;
+        }
+        const raw = this.control().value;
+        const text = raw === null || raw === undefined ? '' : String(raw);
+        const display = this.formatInlineDisplayValue(text);
+        if (input.value !== display) {
+            input.value = display;
+        }
+    }
+    formatInlineDisplayValue(value) {
+        const mask = this.resolveDisplayMask();
+        if (!mask || !value.trim()) {
+            return value;
+        }
+        return applyInlineDisplayMask(unmaskInlineDisplayValue(value, mask), mask);
+    }
+    resolveDisplayMask() {
+        return resolveInlineDisplayMask(this.metadataRecord(), this.control().value);
+    }
     resolveFieldLabelFromMetadata(meta) {
         const candidates = [
             this.label,
@@ -25569,6 +25919,7 @@ class InlineInputComponent extends SimpleBaseInputComponent {
       [appearance]="'outline'"
       [color]="materialColor()"
       [class]="componentCssClasses()"
+      [class.pdx-has-value]="hasInlineValue()"
       [floatLabel]="'auto'"
       [subscriptSizing]="'dynamic'"
       [hideRequiredMarker]="true"
@@ -25599,7 +25950,7 @@ class InlineInputComponent extends SimpleBaseInputComponent {
         [matTooltip]="inlineTooltipText()"
         [matTooltipDisabled]="inlineTooltipDisabled()"
         [matTooltipPosition]="tooltipPosition()"
-        (input)="onInlineInput()"
+        (input)="onInlineInput($event)"
       />
       @if (showInlinePlaceholder()) {
         <span class="pdx-inline-placeholder" aria-hidden="true">{{ placeholderText() }}</span>
@@ -25633,7 +25984,7 @@ class InlineInputComponent extends SimpleBaseInputComponent {
         </button>
       }
     </mat-form-field>
-  `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-input .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-max-w, 360px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-input input.mat-mdc-input-element{color:var(--pdx-inline-field-on-surface)!important;font-size:1.05rem;line-height:1.2;width:auto!important;min-width:1ch}:host ::ng-deep .pdx-inline-input .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-input input.mat-mdc-input-element::placeholder{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:0!important}:host ::ng-deep .pdx-inline-input .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-field-on-surface-muted);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-input .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-input .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-input .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-input .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-input .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-input .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}@media(max-width:768px){:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-input .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper{padding:0;width:100%;min-width:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:42px;min-width:0;max-width:min(var(--pdx-inline-max-w, 360px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-input.pdx-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline);background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)}:host ::ng-deep .pdx-inline-input.pdx-has-value input.mat-mdc-input-element,:host ::ng-deep .pdx-inline-input.pdx-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--md-sys-color-on-primary)!important}:host ::ng-deep .pdx-inline-input input.mat-mdc-input-element{color:var(--pdx-inline-field-on-surface)!important;font-size:1.05rem;line-height:1.2;width:100%!important;min-width:1ch;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-input .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-input input.mat-mdc-input-element::placeholder{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:0!important}:host ::ng-deep .pdx-inline-input .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-field-on-surface-muted);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-input .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-prefix{flex:0 0 auto;padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-input .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-suffix{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-input .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 24px;width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-input .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-input.pdx-has-value .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}:host ::ng-deep .pdx-inline-input .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-input .pdx-inline-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}@media(max-width:768px){:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineInputComponent, decorators: [{
             type: Component,
@@ -25649,6 +26000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       [appearance]="'outline'"
       [color]="materialColor()"
       [class]="componentCssClasses()"
+      [class.pdx-has-value]="hasInlineValue()"
       [floatLabel]="'auto'"
       [subscriptSizing]="'dynamic'"
       [hideRequiredMarker]="true"
@@ -25679,7 +26031,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         [matTooltip]="inlineTooltipText()"
         [matTooltipDisabled]="inlineTooltipDisabled()"
         [matTooltipPosition]="tooltipPosition()"
-        (input)="onInlineInput()"
+        (input)="onInlineInput($event)"
       />
       @if (showInlinePlaceholder()) {
         <span class="pdx-inline-placeholder" aria-hidden="true">{{ placeholderText() }}</span>
@@ -25729,7 +26081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"inlineInput"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-input .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-max-w, 360px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-input input.mat-mdc-input-element{color:var(--pdx-inline-field-on-surface)!important;font-size:1.05rem;line-height:1.2;width:auto!important;min-width:1ch}:host ::ng-deep .pdx-inline-input .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-input input.mat-mdc-input-element::placeholder{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:0!important}:host ::ng-deep .pdx-inline-input .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-field-on-surface-muted);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-input .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-input .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-input .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-input .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-input .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-input .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}@media(max-width:768px){:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"] }]
+                    }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-input .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper{padding:0;width:100%;min-width:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:42px;min-width:0;max-width:min(var(--pdx-inline-max-w, 360px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-field-outline);background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-input.pdx-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline);background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)}:host ::ng-deep .pdx-inline-input.pdx-has-value input.mat-mdc-input-element,:host ::ng-deep .pdx-inline-input.pdx-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--md-sys-color-on-primary)!important}:host ::ng-deep .pdx-inline-input input.mat-mdc-input-element{color:var(--pdx-inline-field-on-surface)!important;font-size:1.05rem;line-height:1.2;width:100%!important;min-width:1ch;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-input .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-inline-input input.mat-mdc-input-element::placeholder{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:0!important}:host ::ng-deep .pdx-inline-input .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-field-on-surface-muted);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-input .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-prefix{flex:0 0 auto;padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-input .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-input .mat-mdc-form-field-icon-suffix{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-input .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 24px;width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-input .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-input.pdx-has-value .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}:host ::ng-deep .pdx-inline-input .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-inline-input .pdx-inline-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}@media(max-width:768px){:host ::ng-deep .pdx-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -28497,7 +28849,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         if (!this.hasSelection()) {
             return this.placeholderText();
         }
-        return this.composeInlineChipDisplayText(this.placeholderText(), this.currentSelectionText());
+        return this.currentSelectionText();
     }
     currentSelectionText() {
         const value = this.currentRangeValue();
@@ -28522,6 +28874,28 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         const current = this.currentRangeValue();
         return this.formatCurrency(current?.maxPrice ?? this.maxValue());
     }
+    sliderStartThumbValue() {
+        const current = this.currentRangeValue();
+        return current?.minPrice ?? this.minValue();
+    }
+    sliderEndThumbValue() {
+        const current = this.currentRangeValue();
+        return current?.maxPrice ?? this.maxValue();
+    }
+    currentStartPosition() {
+        return `${this.currentStartPositionPercent()}%`;
+    }
+    currentEndPosition() {
+        return `${this.currentEndPositionPercent()}%`;
+    }
+    currentStartPositionPercent() {
+        const current = this.currentRangeValue();
+        return this.valuePositionPercent(current?.minPrice ?? this.minValue());
+    }
+    currentEndPositionPercent() {
+        const current = this.currentRangeValue();
+        return this.valuePositionPercent(current?.maxPrice ?? this.maxValue());
+    }
     placeholderText() {
         const fromMeta = this.resolveFieldLabelFromMetadata(this.metadata() || {});
         return fromMeta || this.fieldLabelText || this.tDynamicFields('inlineCurrencyRange.placeholder', 'Faixa monetária');
@@ -28579,6 +28953,12 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         this.rememberTriggerElement(event.currentTarget);
         this.panelOpen = true;
     }
+    onSliderStartInput(event) {
+        this.updateRangeFromSlider('minPrice', event);
+    }
+    onSliderEndInput(event) {
+        this.updateRangeFromSlider('maxPrice', event);
+    }
     closePanel() {
         const wasOpen = this.panelOpen;
         this.panelOpen = false;
@@ -28646,6 +29026,30 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         }, { emitEvent: false });
         this.rangeSyncInProgress = false;
     }
+    updateRangeFromSlider(field, event) {
+        const target = event.target;
+        const nextValue = this.toFiniteNumberOrNull(target?.value);
+        if (nextValue === null) {
+            return;
+        }
+        const current = this.currentRangeValue();
+        const next = {
+            minPrice: current?.minPrice ?? null,
+            maxPrice: current?.maxPrice ?? null,
+            [field]: nextValue,
+        };
+        const normalized = this.normalizeRangeValue(next);
+        if (this.areRangeValuesEqual(current, normalized)) {
+            return;
+        }
+        this.rangeSyncInProgress = true;
+        this.rangeGroup.patchValue({
+            minPrice: normalized?.minPrice ?? null,
+            maxPrice: normalized?.maxPrice ?? null,
+        }, { emitEvent: false });
+        this.rangeSyncInProgress = false;
+        this.setValue(normalized, { emitEvent: true });
+    }
     currentRangeValue() {
         return this.normalizeRangeValue(this.control().value);
     }
@@ -28850,6 +29254,15 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         const n = Number(value);
         return Number.isFinite(n) ? n : null;
     }
+    valuePositionPercent(value) {
+        const min = this.minValue();
+        const max = this.maxValue();
+        if (!Number.isFinite(value) || !(max > min)) {
+            return 0;
+        }
+        const bounded = Math.min(max, Math.max(min, value));
+        return this.clampRatio((bounded - min) / (max - min)) * 100;
+    }
     toNonEmptyText(value) {
         const text = String(value ?? '').trim();
         return text || undefined;
@@ -29237,14 +29650,35 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
               [attr.aria-label]="ariaLabel()"
               [attr.aria-required]="metadata()?.required ? 'true' : 'false'"
             >
-              <input matSliderStartThumb formControlName="minPrice" cdkFocusInitial />
-              <input matSliderEndThumb formControlName="maxPrice" />
+              <input
+                matSliderStartThumb
+                [value]="sliderStartThumbValue()"
+                (input)="onSliderStartInput($event)"
+                (change)="onSliderStartInput($event)"
+                cdkFocusInitial
+              />
+              <input
+                matSliderEndThumb
+                [value]="sliderEndThumbValue()"
+                (input)="onSliderEndInput($event)"
+                (change)="onSliderEndInput($event)"
+              />
             </mat-slider>
           </div>
 
-          <div class="pdx-inline-currency-range-scale">
-            <span>{{ currentStartLabel() }}</span>
-            <span>{{ currentEndLabel() }}</span>
+          <div
+            class="pdx-inline-currency-range-scale"
+            [style.--pdx-inline-currency-range-start-pos]="currentStartPosition()"
+            [style.--pdx-inline-currency-range-end-pos]="currentEndPosition()"
+          >
+            <span
+              class="pdx-inline-currency-range-scale-value is-start"
+              [class.is-edge]="currentStartPositionPercent() <= 6"
+            >{{ currentStartLabel() }}</span>
+            <span
+              class="pdx-inline-currency-range-scale-value is-end"
+              [class.is-edge]="currentEndPositionPercent() >= 94"
+            >{{ currentEndLabel() }}</span>
           </div>
 
           @if (hasSelection()) {
@@ -29253,7 +29687,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         </div>
       </ng-template>
     </div>
-  `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-currency-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-currency-range-chip.is-open{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}.pdx-inline-currency-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:40px}.pdx-inline-currency-range-trigger{min-height:38px;padding-inline:12px;gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$3.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$3.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-currency-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-currency-range-chip.is-open{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 22px;width:22px;height:22px;min-width:22px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}.pdx-inline-currency-range-scale{position:relative;min-height:20px;margin-top:-2px;margin-inline:10px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-scale-value{position:absolute;top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-scale-value.is-start{left:var(--pdx-inline-currency-range-start-pos, 0%);transform:translate(-50%)}.pdx-inline-currency-range-scale-value.is-end{left:var(--pdx-inline-currency-range-end-pos, 100%);transform:translate(-50%);text-align:right}.pdx-inline-currency-range-scale-value.is-start.is-edge{transform:translate(0)}.pdx-inline-currency-range-scale-value.is-end.is-edge{transform:translate(-100%)}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:40px}.pdx-inline-currency-range-trigger{min-height:38px;padding-inline:12px;gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$3.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$3.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineCurrencyRangeComponent, decorators: [{
             type: Component,
@@ -29385,14 +29819,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               [attr.aria-label]="ariaLabel()"
               [attr.aria-required]="metadata()?.required ? 'true' : 'false'"
             >
-              <input matSliderStartThumb formControlName="minPrice" cdkFocusInitial />
-              <input matSliderEndThumb formControlName="maxPrice" />
+              <input
+                matSliderStartThumb
+                [value]="sliderStartThumbValue()"
+                (input)="onSliderStartInput($event)"
+                (change)="onSliderStartInput($event)"
+                cdkFocusInitial
+              />
+              <input
+                matSliderEndThumb
+                [value]="sliderEndThumbValue()"
+                (input)="onSliderEndInput($event)"
+                (change)="onSliderEndInput($event)"
+              />
             </mat-slider>
           </div>
 
-          <div class="pdx-inline-currency-range-scale">
-            <span>{{ currentStartLabel() }}</span>
-            <span>{{ currentEndLabel() }}</span>
+          <div
+            class="pdx-inline-currency-range-scale"
+            [style.--pdx-inline-currency-range-start-pos]="currentStartPosition()"
+            [style.--pdx-inline-currency-range-end-pos]="currentEndPosition()"
+          >
+            <span
+              class="pdx-inline-currency-range-scale-value is-start"
+              [class.is-edge]="currentStartPositionPercent() <= 6"
+            >{{ currentStartLabel() }}</span>
+            <span
+              class="pdx-inline-currency-range-scale-value is-end"
+              [class.is-edge]="currentEndPositionPercent() >= 94"
+            >{{ currentEndLabel() }}</span>
           </div>
 
           @if (hasSelection()) {
@@ -29417,7 +29872,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"inlineCurrencyRange"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-currency-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-currency-range-chip.is-open{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}.pdx-inline-currency-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:40px}.pdx-inline-currency-range-trigger{min-height:38px;padding-inline:12px;gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"] }]
+                    }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-currency-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-currency-range-chip.is-open{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{flex:0 0 18px;width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 22px;width:22px;height:22px;min-width:22px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}.pdx-inline-currency-range-scale{position:relative;min-height:20px;margin-top:-2px;margin-inline:10px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-scale-value{position:absolute;top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.pdx-inline-currency-range-scale-value.is-start{left:var(--pdx-inline-currency-range-start-pos, 0%);transform:translate(-50%)}.pdx-inline-currency-range-scale-value.is-end{left:var(--pdx-inline-currency-range-end-pos, 100%);transform:translate(-50%);text-align:right}.pdx-inline-currency-range-scale-value.is-start.is-edge{transform:translate(0)}.pdx-inline-currency-range-scale-value.is-end.is-edge{transform:translate(-100%)}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:40px}.pdx-inline-currency-range-trigger{min-height:38px;padding-inline:12px;gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -33020,6 +33475,10 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         event.preventDefault();
         event.stopPropagation();
         this.onClearClick();
+        this.rangeGroup.setValue({ start: null, end: null }, { emitEvent: false });
+        this.draftPresetId = null;
+        this.overlayBaseline = null;
+        this.overlayCommittedInSession = true;
         this.scheduleInlineResize();
     }
     onInlineInput() {
@@ -33030,11 +33489,17 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         event.stopPropagation();
         this.openPicker(picker, event);
     }
+    onInputClick(event) {
+        event.stopPropagation();
+    }
     onFieldContainerClick(picker, event) {
         const target = event.target;
         if (target?.closest('.pdx-inline-clear')) {
             return;
         }
+        if (target?.closest('input')) {
+            return;
+        }
         this.openPicker(picker, event);
     }
     openPicker(picker, event) {
@@ -33506,6 +33971,8 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineDateRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: InlineDateRangeComponent, isStandalone: true, selector: "pdx-inline-date-range", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width.px": "inlineWidthPx || null", "style.--pdx-inline-date-range-shell-width": "inlineWidthPx ? inlineWidthPx + \"px\" : null", "attr.data-field-type": "\"inlineDateRange\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
+            { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
+            { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => InlineDateRangeComponent),
@@ -33562,7 +34029,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
             [matTooltipPosition]="tooltipPosition()"
             (dateChange)="onInlineInput()"
             (dateInput)="onInlineInput()"
-            (click)="openPicker(picker, $event)"
+            (click)="onInputClick($event)"
             (keydown.enter)="onInputKeydown($event, picker)"
             (keydown.space)="onInputKeydown($event, picker)"
           />
@@ -33578,7 +34045,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
             [matTooltipPosition]="tooltipPosition()"
             (dateChange)="onInlineInput()"
             (dateInput)="onInlineInput()"
-            (click)="openPicker(picker, $event)"
+            (click)="onInputClick($event)"
             (keydown.enter)="onInputKeydown($event, picker)"
             (keydown.space)="onInputKeydown($event, picker)"
           />
@@ -33694,7 +34161,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         </mat-date-range-picker>
       </mat-form-field>
     </div>
-  `, isInline: true, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:.9}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--md-sys-color-on-primary-container)!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--md-sys-color-on-primary-container)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-on-primary-container) 22%,transparent);color:var(--md-sys-color-on-primary-container)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "ngmodule", type: MatNativeDateModule }] });
+  `, isInline: true, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:42px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:.9}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "ngmodule", type: MatNativeDateModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineDateRangeComponent, decorators: [{
             type: Component,
@@ -33759,7 +34226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             [matTooltipPosition]="tooltipPosition()"
             (dateChange)="onInlineInput()"
             (dateInput)="onInlineInput()"
-            (click)="openPicker(picker, $event)"
+            (click)="onInputClick($event)"
             (keydown.enter)="onInputKeydown($event, picker)"
             (keydown.space)="onInputKeydown($event, picker)"
           />
@@ -33775,7 +34242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             [matTooltipPosition]="tooltipPosition()"
             (dateChange)="onInlineInput()"
             (dateInput)="onInlineInput()"
-            (click)="openPicker(picker, $event)"
+            (click)="onInputClick($event)"
             (keydown.enter)="onInputKeydown($event, picker)"
             (keydown.space)="onInputKeydown($event, picker)"
           />
@@ -33892,6 +34359,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       </mat-form-field>
     </div>
   `, providers: [
+                        { provide: DateAdapter, useClass: PraxisNativeDateAdapter },
+                        { provide: MAT_DATE_FORMATS, useValue: MAT_NATIVE_DATE_FORMATS },
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => InlineDateRangeComponent),
@@ -33907,7 +34376,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"inlineDateRange"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:.9}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--md-sys-color-on-primary-container)!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--md-sys-color-on-primary-container)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-on-primary-container) 22%,transparent);color:var(--md-sys-color-on-primary-container)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"] }]
+                    }, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:42px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:.9}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width:24px;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"] }]
         }], propDecorators: { pickerRef: [{
                 type: ViewChild,
                 args: ['picker']