@praxisui/dynamic-fields 9.0.5 → 9.0.6

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -4,7 +4,7 @@ import * as i0 from '@angular/core';
 import { InjectionToken, inject, DestroyRef, ElementRef, ChangeDetectorRef, Injector, signal, output, computed, Input, Directive, viewChild, effect, EventEmitter, Output, Component, forwardRef, LOCALE_ID, Injectable, ChangeDetectionStrategy, ViewChild, ViewContainerRef, HostListener, HostBinding, ViewEncapsulation, model, input, contentChild, Renderer2, viewChildren, ENVIRONMENT_INITIALIZER, Inject, ViewChildren, TemplateRef, ContentChild, APP_INITIALIZER, Optional } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { providePraxisI18n, PraxisI18nService, isCssTextTransform, getTextTransformer, GlobalActionService, GenericCrudService, GlobalConfigService, PraxisIconDirective, FieldControlType, resolveBuiltinPresets, resolveDateRangeShortcutPreset, INLINE_FILTER_CONTROL_TYPES, FieldSelectorRegistry, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, LoggerService, normalizeControlTypeToken, resolveInlineFilterControlType, resolveControlTypeAlias, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, resolveValuePresentation, FieldDataType, PraxisJsonLogicService, renderPraxisPresentationVisualizationHtml, resolveFieldPresentation as resolveFieldPresentation$1, DynamicFormService, ResourceDiscoveryService, ResourceSurfaceOpenAdapterService, classifyEntityLookupResult, ComponentMetadataRegistry, createCpfCnpjValidator, NumericFormat, interpolatePraxisTranslation, FIELD_METADATA_CAPABILITIES } from '@praxisui/core';
-import { Subscription, BehaviorSubject, combineLatest, of, EMPTY, timer, firstValueFrom, fromEvent, take as take$1 } from 'rxjs';
+import { Subscription, BehaviorSubject, combineLatest, of, Subject, EMPTY, timer, firstValueFrom, fromEvent, take as take$1 } from 'rxjs';
 import { Router } from '@angular/router';
 import * as i1$4 from '@angular/material/dialog';
 import { MatDialog, MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
@@ -21,7 +21,7 @@ import { DomSanitizer } from '@angular/platform-browser';
 import * as i2 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i2$1 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
 import * as i3 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i1$2 from '@angular/material/button';
@@ -173,6 +173,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
     'praxis.dynamicFields.select.endOfList': 'End of list',
     'praxis.dynamicFields.select.noOptionsAvailable': 'No options available',
     'praxis.dynamicFields.select.loadingOptionsAriaLabel': 'Loading options',
+    'praxis.dynamicFields.select.triggerAriaLabel': '{{label}}: {{value}}',
     'praxis.dynamicFields.tree.expandNodeAriaLabel': 'Expand',
     'praxis.dynamicFields.tree.collapseNodeAriaLabel': 'Collapse',
     'praxis.dynamicFields.dialog.confirm': 'Confirm',
@@ -611,6 +612,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
     'praxis.dynamicFields.select.endOfList': 'Fim de lista',
     'praxis.dynamicFields.select.noOptionsAvailable': 'Nenhuma opção disponível',
     'praxis.dynamicFields.select.loadingOptionsAriaLabel': 'Carregando opções',
+    'praxis.dynamicFields.select.triggerAriaLabel': '{{label}}: {{value}}',
     'praxis.dynamicFields.tree.expandNodeAriaLabel': 'Expandir',
     'praxis.dynamicFields.tree.collapseNodeAriaLabel': 'Recolher',
     'praxis.dynamicFields.dialog.confirm': 'Confirmar',
@@ -3781,11 +3783,18 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
         return this.panelClassCache;
     }
     isInteractionDisabled() {
-        return (!!this.disabledMode ||
-            this.control().disabled ||
+        return (this.isDisabledEffective() ||
             this.isReadonlyEffective() ||
             !!this.presentationMode);
     }
+    /**
+     * Native disabled state is intentionally distinct from readonly/presentation.
+     * Readonly collection controls remain focusable and expose `aria-readonly`, while
+     * this state alone removes the trigger from keyboard interaction.
+     */
+    isDisabledEffective() {
+        return !!this.disabledMode || this.control().disabled;
+    }
     normalizeMultipleControlValue() {
         if (!this.multiple())
             return;
@@ -3827,6 +3836,8 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
     }
     /** Clears the selection according to single/multiple mode */
     onClearClick() {
+        if (this.isInteractionDisabled())
+            return;
         const isMulti = !!this.metadata()?.multiple;
         this.setValue(isMulti ? [] : null, { emitEvent: true });
         const control = this.control();
@@ -3913,6 +3924,14 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
     loadingOptionsAriaLabel() {
         return this.tDynamicFields('select.loadingOptionsAriaLabel', 'Carregando opções');
     }
+    selectionTriggerAriaLabel(displayValue) {
+        const fieldLabel = this.inputAriaLabel() ||
+            this.tDynamicFields('select.defaultLabel', 'Seleção');
+        const value = displayValue.trim();
+        if (!value)
+            return fieldLabel;
+        return this.tDynamicFields('select.triggerAriaLabel', '{{label}}: {{value}}', { label: fieldLabel, value });
+    }
     /**
      * Ícone para estado "selecionado" em opções do painel.
      */
@@ -4007,7 +4026,7 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
      * modes and emits the proper events.
      */
     selectOption(option) {
-        if (option.disabled)
+        if (this.isInteractionDisabled() || option.disabled)
             return;
         if (this.multiple()) {
             const current = Array.isArray(this.control().value)
@@ -4071,7 +4090,7 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
      * selection mode.
      */
     toggleSelectAll() {
-        if (!this.multiple() || !this.selectAll())
+        if (this.isInteractionDisabled() || !this.multiple() || !this.selectAll())
             return;
         const selectable = this.options()
             .filter((o) => !o.disabled)
@@ -10825,7 +10844,7 @@ class FieldShellComponent {
 
       </div>
     </div>
-  `, isInline: true, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay,.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay{cursor:default}.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FieldShellComponent, decorators: [{
             type: Component,
@@ -10949,7 +10968,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
 
       </div>
     </div>
-  `, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay,.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"] }]
+  `, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay{cursor:default}.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"] }]
         }], propDecorators: { field: [{
                 type: Input
             }], index: [{
@@ -12958,7 +12977,7 @@ class PdxCollectionOverlayComponent {
         </div>
       </section>
     </ng-template>
-  `, isInline: true, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { 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", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay__origin{display:block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { 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", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionOverlayComponent, decorators: [{
             type: Component,
@@ -13003,7 +13022,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </div>
       </section>
     </ng-template>
-  `, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"] }]
+  `, styles: [":host{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay__origin{display:block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"] }]
         }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }], panelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelId", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], panelWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelWidth", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], trigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PdxCollectionOverlayTriggerDirective), { isSignal: true }] }] } });
 
 class PdxCollectionSearchComponent {
@@ -13088,6 +13107,131 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
   `, styles: [":host{display:block;width:100%}.pdx-collection-search{display:flex;align-items:center;gap:var(--praxis-collection-search-gap, 8px);min-height:var(--praxis-collection-search-height, 40px);padding-inline:var(--praxis-collection-search-padding-inline, 12px);border:1px solid var(--praxis-collection-search-outline, var(--praxis-theme-outline));border-radius:var(--praxis-collection-search-radius, 12px);background:var(--praxis-collection-search-surface, var(--praxis-theme-surface-raised));color:var(--praxis-collection-search-on-surface, var(--praxis-theme-on-surface));box-sizing:border-box;transition:border-color var(--praxis-collection-search-motion-duration, .12s) ease}:host.is-compact .pdx-collection-search{min-height:var(--praxis-collection-search-compact-height, 36px)}.pdx-collection-search:focus-within{border-color:var(--praxis-collection-search-focus-outline, var(--praxis-theme-focus-outline));outline:2px solid color-mix(in srgb,var(--praxis-collection-search-focus-outline, var(--praxis-theme-focus-outline)) 28%,transparent);outline-offset:1px}.pdx-collection-search.is-disabled{opacity:.64}.pdx-collection-search__icon,.pdx-collection-search__clear mat-icon{flex:0 0 auto;width:var(--praxis-collection-search-icon-size, 18px);height:var(--praxis-collection-search-icon-size, 18px);color:var(--praxis-collection-search-placeholder, var(--praxis-theme-on-surface-muted));font-size:var(--praxis-collection-search-icon-size, 18px);line-height:var(--praxis-collection-search-icon-size, 18px)}input{flex:1 1 auto;min-width:0;height:var(--praxis-collection-search-height, 40px);padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:var(--praxis-collection-search-font-size, .875rem);line-height:var(--praxis-collection-search-line-height, 1.25rem);font-weight:var(--praxis-collection-search-font-weight, 400);caret-color:var(--praxis-collection-search-focus-outline, var(--praxis-theme-focus-outline))}:host.is-compact input{height:var(--praxis-collection-search-compact-height, 36px)}input::placeholder{color:var(--praxis-collection-search-placeholder, var(--praxis-theme-on-surface-muted));opacity:1}input[type=search]::-webkit-search-cancel-button{display:none}.pdx-collection-search__clear{display:inline-grid;flex:0 0 var(--praxis-collection-search-clear-target-size, 32px);width:var(--praxis-collection-search-clear-target-size, 32px);height:var(--praxis-collection-search-clear-target-size, 32px);place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-collection-search__clear:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-collection-search__clear:focus-visible{outline:2px solid var(--praxis-collection-search-focus-outline, var(--praxis-theme-focus-outline));outline-offset:1px}@media(prefers-reduced-motion:reduce){.pdx-collection-search{transition:none}}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }], clearAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAriaLabel", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], clearIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearIcon", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }] } });
 
+let nextCollectionControlId = 0;
+/**
+ * Bridges a rich Praxis collection trigger into the canonical Material field frame.
+ * The overlay remains owned by PdxCollectionOverlay; this directive only exposes
+ * field chrome, focus and described-by state to MatFormField.
+ */
+class PdxCollectionFormFieldControlDirective {
+    controlValue = input(null, { ...(ngDevMode ? { debugName: "controlValue" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldValue' });
+    controlModel = input(null, { ...(ngDevMode ? { debugName: "controlModel" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldModel' });
+    controlRequired = input(false, { ...(ngDevMode ? { debugName: "controlRequired" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldRequired' });
+    controlDisabled = input(false, { ...(ngDevMode ? { debugName: "controlDisabled" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldDisabled' });
+    controlErrorState = input(false, { ...(ngDevMode ? { debugName: "controlErrorState" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldErrorState' });
+    controlId = input('', { ...(ngDevMode ? { debugName: "controlId" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldId' });
+    controlOpen = input(false, { ...(ngDevMode ? { debugName: "controlOpen" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldOpen' });
+    controlShouldLabelFloat = input(null, { ...(ngDevMode ? { debugName: "controlShouldLabelFloat" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldShouldLabelFloat' });
+    stateChanges = new Subject();
+    ngControl = null;
+    placeholder = '';
+    controlType = 'pdx-collection';
+    disableAutomaticLabeling = true;
+    focusedState = signal(false, ...(ngDevMode ? [{ debugName: "focusedState" }] : /* istanbul ignore next */ []));
+    describedByIds = [];
+    fallbackId = `pdx-collection-control-${nextCollectionControlId++}`;
+    elementRef = inject(ElementRef);
+    constructor() {
+        effect((onCleanup) => {
+            this.controlValue();
+            const control = this.controlModel();
+            this.controlRequired();
+            this.controlDisabled();
+            this.controlErrorState();
+            this.controlId();
+            this.controlOpen();
+            this.controlShouldLabelFloat();
+            this.focusedState();
+            this.stateChanges.next();
+            const subscription = control?.valueChanges.subscribe(() => this.stateChanges.next());
+            onCleanup(() => subscription?.unsubscribe());
+        });
+    }
+    get value() {
+        return this.currentValue() ?? null;
+    }
+    get id() {
+        return this.controlId() || this.fallbackId;
+    }
+    get focused() {
+        return this.focusedState() || this.controlOpen();
+    }
+    get empty() {
+        const value = this.currentValue();
+        return value === null || value === undefined || value === '' ||
+            (Array.isArray(value) && value.length === 0);
+    }
+    get shouldLabelFloat() {
+        return this.controlShouldLabelFloat() ?? (this.focused || !this.empty);
+    }
+    get required() {
+        return this.controlRequired();
+    }
+    get disabled() {
+        return this.controlDisabled();
+    }
+    get errorState() {
+        return this.controlErrorState();
+    }
+    setDescribedByIds(ids) {
+        this.describedByIds = ids;
+        const trigger = this.triggerElement();
+        if (!trigger)
+            return;
+        if (ids.length)
+            trigger.setAttribute('aria-describedby', ids.join(' '));
+        else
+            trigger.removeAttribute('aria-describedby');
+    }
+    onContainerClick() {
+        if (!this.disabled)
+            this.triggerElement()?.focus();
+    }
+    handleFocusIn() {
+        this.focusedState.set(true);
+    }
+    handleFocusOut(event) {
+        const nextTarget = event.relatedTarget;
+        if (nextTarget instanceof Node && this.elementRef.nativeElement.contains(nextTarget))
+            return;
+        this.focusedState.set(false);
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    triggerElement() {
+        return this.elementRef.nativeElement.querySelector('[pdxCollectionOverlayTrigger]');
+    }
+    currentValue() {
+        const control = this.controlModel();
+        return control ? control.value : this.controlValue();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionFormFieldControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: PdxCollectionFormFieldControlDirective, isStandalone: true, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: { controlValue: { classPropertyName: "controlValue", publicName: "pdxCollectionFormFieldValue", isSignal: true, isRequired: false, transformFunction: null }, controlModel: { classPropertyName: "controlModel", publicName: "pdxCollectionFormFieldModel", isSignal: true, isRequired: false, transformFunction: null }, controlRequired: { classPropertyName: "controlRequired", publicName: "pdxCollectionFormFieldRequired", isSignal: true, isRequired: false, transformFunction: null }, controlDisabled: { classPropertyName: "controlDisabled", publicName: "pdxCollectionFormFieldDisabled", isSignal: true, isRequired: false, transformFunction: null }, controlErrorState: { classPropertyName: "controlErrorState", publicName: "pdxCollectionFormFieldErrorState", isSignal: true, isRequired: false, transformFunction: null }, controlId: { classPropertyName: "controlId", publicName: "pdxCollectionFormFieldId", isSignal: true, isRequired: false, transformFunction: null }, controlOpen: { classPropertyName: "controlOpen", publicName: "pdxCollectionFormFieldOpen", isSignal: true, isRequired: false, transformFunction: null }, controlShouldLabelFloat: { classPropertyName: "controlShouldLabelFloat", publicName: "pdxCollectionFormFieldShouldLabelFloat", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "handleFocusIn()", "focusout": "handleFocusOut($event)" }, properties: { "class.pdx-collection-form-field-control": "true" } }, providers: [
+            {
+                provide: MatFormFieldControl,
+                useExisting: forwardRef(() => PdxCollectionFormFieldControlDirective),
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionFormFieldControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'pdx-collection-overlay[pdxCollectionFormFieldControl]',
+                    providers: [
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: forwardRef(() => PdxCollectionFormFieldControlDirective),
+                        },
+                    ],
+                    host: {
+                        '[class.pdx-collection-form-field-control]': 'true',
+                        '(focusin)': 'handleFocusIn()',
+                        '(focusout)': 'handleFocusOut($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { controlValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldValue", required: false }] }], controlModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldModel", required: false }] }], controlRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldRequired", required: false }] }], controlDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldDisabled", required: false }] }], controlErrorState: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldErrorState", required: false }] }], controlId: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldId", required: false }] }], controlOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldOpen", required: false }] }], controlShouldLabelFloat: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldShouldLabelFloat", required: false }] }] } });
+
 class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
     renderer = inject(Renderer2);
     lastConfiguredPath;
@@ -13105,6 +13249,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
     materialCollectionSearch = viewChild(PdxCollectionSearchComponent, ...(ngDevMode ? [{ debugName: "materialCollectionSearch" }] : /* istanbul ignore next */ []));
     materialOverlayTrigger = viewChild('materialOverlayTrigger', ...(ngDevMode ? [{ debugName: "materialOverlayTrigger" }] : /* istanbul ignore next */ []));
     materialOverlayOptions = viewChildren('materialOverlayOption', ...(ngDevMode ? [{ debugName: "materialOverlayOptions" }] : /* istanbul ignore next */ []));
+    pendingMaterialOverlayFocusIndex = null;
     termControl = new FormControl('');
     materialSearchTerm() {
         return String(this.termControl.value ?? '');
@@ -13262,8 +13407,10 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
     ngAfterViewInit() {
         super.ngAfterViewInit();
         const trigger = this.materialOverlayTrigger()?.nativeElement;
-        if (trigger)
+        if (trigger) {
             this.registerInputElement(trigger);
+            trigger.setAttribute('aria-label', this.selectionTriggerAriaLabel(this.materialFullDisplayText()));
+        }
     }
     onOpened(opened) {
         if (opened) {
@@ -13296,17 +13443,21 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
             if (this.searchable())
                 this.materialCollectionSearch()?.focus();
             else
-                this.focusMaterialOption(0);
+                this.focusMaterialOption(this.pendingMaterialOverlayFocusIndex ?? 0);
+            this.pendingMaterialOverlayFocusIndex = null;
         });
     }
     onMaterialOverlayClosed() {
         this.openedChange.emit(false);
     }
     onMaterialTriggerKeydown(event) {
+        if (this.isInteractionDisabled())
+            return;
         if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp')
             return;
         event.preventDefault();
         if (!this.materialPanelOpen()) {
+            this.pendingMaterialOverlayFocusIndex = event.key === 'ArrowDown' ? 0 : -1;
             this.materialPanelOpen.set(true);
             return;
         }
@@ -13322,11 +13473,15 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         event.stopPropagation();
     }
     selectMaterialOption(option) {
+        if (this.isInteractionDisabled())
+            return;
         this.selectOption(option);
         if (!this.multiple())
             this.materialCollectionOverlay()?.close('programmatic');
     }
     selectMaterialEmptyOption() {
+        if (this.isInteractionDisabled())
+            return;
         this.selectOption({ label: this.emptyOptionText() || '', value: null });
         this.materialCollectionOverlay()?.close('programmatic');
     }
@@ -13344,18 +13499,25 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         enabled[target]?.nativeElement.focus();
     }
     hasMaterialSelection() {
+        this.fieldState();
         const value = this.control().value;
         return Array.isArray(value) ? value.length > 0 : value !== null && value !== undefined && value !== '';
     }
     materialDisplayText() {
         const value = this.control().value;
         if (!this.hasMaterialSelection())
-            return this.placeholder || this.label || '';
+            return this.placeholder || '';
         const values = Array.isArray(value) ? value : [value];
         const labels = values.map((item) => this.resolveMaterialOptionLabel(item));
         return labels.length > 1 ? `${labels[0]} +${labels.length - 1}` : labels[0];
     }
-    materialLabelId() { return `${this.componentId()}-label`; }
+    materialFullDisplayText() {
+        if (!this.hasMaterialSelection())
+            return '';
+        const value = this.control().value;
+        const values = Array.isArray(value) ? value : [value];
+        return values.map((item) => this.resolveMaterialOptionLabel(item)).join(', ');
+    }
     materialPanelId() { return `${this.componentId()}-options`; }
     materialOverlayId() { return `${this.componentId()}-popup`; }
     materialOverlayPanelWidth() { return 'min(420px, calc(100vw - 24px))'; }
@@ -13891,16 +14053,6 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
             return;
         this.runQuery(true).subscribe();
     }
-    registerMatSelect(select) {
-        super.registerMatSelect(select);
-        const enhanced = select;
-        enhanced.displayWith = (opt) => opt &&
-            typeof opt === 'object' &&
-            'label' in opt
-            ? String(opt.label ?? '')
-            : '';
-        enhanced.compareWith = (a, b) => this.areOptionValuesEqual(a, b);
-    }
     refocusSearchInput() {
         if (!this.searchable()) {
             return;
@@ -14046,7 +14198,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         this.hasPerformedInitialLoad = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAsyncSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialAsyncSelectComponent, isStandalone: true, selector: "pdx-material-async-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isInteractionDisabled()", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"async-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialAsyncSelectComponent, isStandalone: true, selector: "pdx-material-async-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isDisabledEffective()", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"async-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
             GenericCrudService,
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -14182,10 +14334,32 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         }
       </mat-form-field>
     } @else {
-      <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
-        <label [id]="materialLabelId()">{{ label }}</label>
-        <div class="pdx-material-collection-field__control">
-          <pdx-collection-overlay
+      <mat-form-field
+        class="pdx-material-collection-form-field"
+        [appearance]="materialAppearance()"
+        [color]="materialColor()"
+        [class]="componentCssClasses()"
+        [floatLabel]="floatLabelBehavior()"
+        [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
+        [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
+      >
+        <mat-label>{{ label }}</mat-label>
+        @if (metadata()?.prefixIcon) {
+          <mat-icon matPrefix aria-hidden="true"
+            [color]="iconPalette(metadata()?.prefixIconColor)"
+            [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
+            [praxisIcon]="metadata()!.prefixIcon" />
+        }
+        <pdx-collection-overlay
+            pdxCollectionFormFieldControl
+            [pdxCollectionFormFieldModel]="control()"
+            [pdxCollectionFormFieldValue]="fieldState().value"
+            [pdxCollectionFormFieldRequired]="metadata()?.required || false"
+            [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
+            [pdxCollectionFormFieldErrorState]="hasValidationError()"
+            [pdxCollectionFormFieldId]="componentId()"
+            [pdxCollectionFormFieldOpen]="materialPanelOpen()"
+            [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
             [(open)]="materialPanelOpen"
             [ariaLabel]="selectPanelActionsAriaLabel()"
             [panelId]="materialOverlayId()"
@@ -14199,20 +14373,27 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
               pdxCollectionOverlayTrigger
               type="button"
               class="pdx-material-collection-trigger"
+              [class.is-readonly]="isReadonlyEffective() || presentationMode"
               role="combobox"
               aria-haspopup="dialog"
-              [attr.aria-labelledby]="materialLabelId()"
+              [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
               [attr.aria-expanded]="materialPanelOpen()"
               [attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
-              [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
+              [attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
               [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
-              [disabled]="isInteractionDisabled()"
+              [attr.aria-required]="metadata()?.required || null"
+              [tabIndex]="metadata()?.tabIndex ?? 0"
+              [disabled]="isDisabledEffective()"
+              [matTooltip]="materialFullDisplayText() || null"
+              [matTooltipDisabled]="!materialFullDisplayText()"
               (click)="toggleMaterialOverlay()"
               (keydown)="onMaterialTriggerKeydown($event)"
             >
-              <span>{{ materialDisplayText() }}</span>
+              <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
               @if (loading()) { <mat-progress-spinner diameter="18" mode="indeterminate" /> }
-              @else { <mat-icon aria-hidden="true">arrow_drop_down</mat-icon> }
+              @else if (!(isReadonlyEffective() || presentationMode)) {
+                <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
+              }
             </button>
 
             @if (searchable()) {
@@ -14268,20 +14449,30 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
                 [endReachedLabel]="endOfOptionsLabel()" [disabled]="isInteractionDisabled()"
                 (loadMore)="onLoadMoreInteraction($event)" />
             }
-          </pdx-collection-overlay>
+        </pdx-collection-overlay>
 
-          @if (!loading() && showClear()) {
-            <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
-              [attr.aria-label]="clearActionAriaLabel()">
-              <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
-            </button>
-          }
-        </div>
-        @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
-        @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
-      </div>
+        @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
+          <span matSuffix class="pdx-material-collection-actions">
+            @if (!loading() && showClear()) {
+              <button mat-icon-button type="button" class="pdx-material-collection-clear"
+                (click)="onClearClick()" [attr.aria-label]="clearActionAriaLabel()">
+                <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
+              </button>
+            }
+            @if (fieldHelpPopoverText()) {
+              <button mat-icon-button type="button" class="pdx-field-help-icon"
+                [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
+                [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
+                <mat-icon [praxisIcon]="'help_outline'" />
+              </button>
+            }
+          </span>
+        }
+        @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
+        @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
+      </mat-form-field>
     }
-  `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\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: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\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: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAsyncSelectComponent, decorators: [{
             type: Component,
@@ -14293,13 +14484,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         PraxisIconDirective,
                         ReactiveFormsModule,
                         MatFormFieldModule,
-                        MatSelectModule,
                         MatProgressSpinnerModule,
                         MatTooltipModule,
                         SelectPanelActionsComponent,
                         PdxCollectionOverlayComponent,
                         PdxCollectionOverlayTriggerDirective,
                         PdxCollectionSearchComponent,
+                        PdxCollectionFormFieldControlDirective,
                     ], template: `
     @if (usesSearchCombobox()) {
       <mat-form-field
@@ -14429,10 +14620,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }
       </mat-form-field>
     } @else {
-      <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
-        <label [id]="materialLabelId()">{{ label }}</label>
-        <div class="pdx-material-collection-field__control">
-          <pdx-collection-overlay
+      <mat-form-field
+        class="pdx-material-collection-form-field"
+        [appearance]="materialAppearance()"
+        [color]="materialColor()"
+        [class]="componentCssClasses()"
+        [floatLabel]="floatLabelBehavior()"
+        [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
+        [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
+      >
+        <mat-label>{{ label }}</mat-label>
+        @if (metadata()?.prefixIcon) {
+          <mat-icon matPrefix aria-hidden="true"
+            [color]="iconPalette(metadata()?.prefixIconColor)"
+            [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
+            [praxisIcon]="metadata()!.prefixIcon" />
+        }
+        <pdx-collection-overlay
+            pdxCollectionFormFieldControl
+            [pdxCollectionFormFieldModel]="control()"
+            [pdxCollectionFormFieldValue]="fieldState().value"
+            [pdxCollectionFormFieldRequired]="metadata()?.required || false"
+            [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
+            [pdxCollectionFormFieldErrorState]="hasValidationError()"
+            [pdxCollectionFormFieldId]="componentId()"
+            [pdxCollectionFormFieldOpen]="materialPanelOpen()"
+            [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
             [(open)]="materialPanelOpen"
             [ariaLabel]="selectPanelActionsAriaLabel()"
             [panelId]="materialOverlayId()"
@@ -14446,20 +14659,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               pdxCollectionOverlayTrigger
               type="button"
               class="pdx-material-collection-trigger"
+              [class.is-readonly]="isReadonlyEffective() || presentationMode"
               role="combobox"
               aria-haspopup="dialog"
-              [attr.aria-labelledby]="materialLabelId()"
+              [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
               [attr.aria-expanded]="materialPanelOpen()"
               [attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
-              [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
+              [attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
               [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
-              [disabled]="isInteractionDisabled()"
+              [attr.aria-required]="metadata()?.required || null"
+              [tabIndex]="metadata()?.tabIndex ?? 0"
+              [disabled]="isDisabledEffective()"
+              [matTooltip]="materialFullDisplayText() || null"
+              [matTooltipDisabled]="!materialFullDisplayText()"
               (click)="toggleMaterialOverlay()"
               (keydown)="onMaterialTriggerKeydown($event)"
             >
-              <span>{{ materialDisplayText() }}</span>
+              <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
               @if (loading()) { <mat-progress-spinner diameter="18" mode="indeterminate" /> }
-              @else { <mat-icon aria-hidden="true">arrow_drop_down</mat-icon> }
+              @else if (!(isReadonlyEffective() || presentationMode)) {
+                <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
+              }
             </button>
 
             @if (searchable()) {
@@ -14515,18 +14735,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 [endReachedLabel]="endOfOptionsLabel()" [disabled]="isInteractionDisabled()"
                 (loadMore)="onLoadMoreInteraction($event)" />
             }
-          </pdx-collection-overlay>
+        </pdx-collection-overlay>
 
-          @if (!loading() && showClear()) {
-            <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
-              [attr.aria-label]="clearActionAriaLabel()">
-              <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
-            </button>
-          }
-        </div>
-        @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
-        @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
-      </div>
+        @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
+          <span matSuffix class="pdx-material-collection-actions">
+            @if (!loading() && showClear()) {
+              <button mat-icon-button type="button" class="pdx-material-collection-clear"
+                (click)="onClearClick()" [attr.aria-label]="clearActionAriaLabel()">
+                <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
+              </button>
+            }
+            @if (fieldHelpPopoverText()) {
+              <button mat-icon-button type="button" class="pdx-field-help-icon"
+                [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
+                [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
+                <mat-icon [praxisIcon]="'help_outline'" />
+              </button>
+            }
+          </span>
+        }
+        @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
+        @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
+      </mat-form-field>
     }
   `, providers: [
                         GenericCrudService,
@@ -14537,13 +14767,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         },
                     ], host: {
                         '[class]': 'componentCssClasses()',
-                        '[class.praxis-disabled]': 'isInteractionDisabled()',
+                        '[class.praxis-disabled]': 'isDisabledEffective()',
                         '[style.display]': 'visible ? null : "none"',
                         '[attr.aria-hidden]': 'visible ? null : "true"',
                         '[attr.data-field-type]': '"async-select"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"] }]
+                    }, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -20828,6 +21058,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
     collectionSearch = viewChild(PdxCollectionSearchComponent, ...(ngDevMode ? [{ debugName: "collectionSearch" }] : /* istanbul ignore next */ []));
     overlayTrigger = viewChild('overlayTrigger', ...(ngDevMode ? [{ debugName: "overlayTrigger" }] : /* istanbul ignore next */ []));
     overlayOptions = viewChildren('overlayOption', ...(ngDevMode ? [{ debugName: "overlayOptions" }] : /* istanbul ignore next */ []));
+    pendingOverlayFocusIndex = null;
     defaultPanelClass() {
         return 'pdx-material-select-panel';
     }
@@ -20856,8 +21087,10 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
     ngAfterViewInit() {
         super.ngAfterViewInit();
         const trigger = this.overlayTrigger()?.nativeElement;
-        if (trigger)
+        if (trigger) {
             this.registerInputElement(trigger);
+            trigger.setAttribute('aria-label', this.selectionTriggerAriaLabel(this.materialFullDisplayText()));
+        }
     }
     // Error state matcher used by mat-form-field wrapper
     errorStateMatcher() {
@@ -20883,8 +21116,13 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
         this.openedChange.emit(true);
         if (this.resourcePath() && this.options().length === 0 && !this.loading())
             this.loadOptions(0);
-        if (this.searchable())
+        if (this.searchable()) {
             queueMicrotask(() => this.collectionSearch()?.focus());
+        }
+        else if (this.pendingOverlayFocusIndex !== null) {
+            this.focusOverlayOption(this.pendingOverlayFocusIndex);
+        }
+        this.pendingOverlayFocusIndex = null;
     }
     onOverlayClosed() {
         this.openedChange.emit(false);
@@ -20896,10 +21134,13 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
             this.searchTerm.set('');
     }
     onTriggerKeydown(event) {
+        if (this.isInteractionDisabled())
+            return;
         if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp')
             return;
         event.preventDefault();
         if (!this.panelOpen()) {
+            this.pendingOverlayFocusIndex = event.key === 'ArrowDown' ? 0 : -1;
             this.panelOpen.set(true);
             return;
         }
@@ -20914,10 +21155,14 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
             event.stopPropagation();
     }
     selectOverlayOption(option) {
+        if (this.isInteractionDisabled())
+            return;
         this.selectOption(option);
         this.collectionOverlay()?.close('programmatic');
     }
     selectEmptyOption() {
+        if (this.isInteractionDisabled())
+            return;
         this.selectOption({ label: this.emptyOptionText() || '', value: null });
         this.collectionOverlay()?.close('programmatic');
     }
@@ -20935,16 +21180,24 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
         enabled[target]?.nativeElement.focus();
     }
     hasSelectionValue() {
+        this.fieldState();
         const value = this.control().value;
         return value !== null && value !== undefined && value !== '';
     }
     materialDisplayText() {
         const value = this.control().value;
         if (!this.hasSelectionValue())
-            return this.placeholder || this.label || '';
+            return this.placeholder || '';
         return this.options().find((option) => this.sameValue(option.value, value))?.label ?? String(value);
     }
-    labelId() { return `${this.componentId()}-label`; }
+    materialFullDisplayText() {
+        return this.hasSelectionValue() ? this.materialDisplayText() : '';
+    }
+    materialTriggerTooltip() {
+        if (this.tooltipEnabled() && this.errorMessage())
+            return this.errorMessage();
+        return this.materialFullDisplayText() || null;
+    }
     panelId() { return `${this.componentId()}-options`; }
     overlayId() { return `${this.componentId()}-popup`; }
     overlayPanelWidth() { return 'min(420px, calc(100vw - 24px))'; }
@@ -20981,7 +21234,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialSelectComponent, isStandalone: true, selector: "pdx-material-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isInteractionDisabled()", "style.display": "visible ? \"block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"100%\"", "attr.data-field-type": "\"select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialSelectComponent, isStandalone: true, selector: "pdx-material-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isDisabledEffective()", "class.praxis-readonly": "isReadonlyEffective() || presentationMode", "style.display": "visible ? \"block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"100%\"", "attr.data-field-type": "\"select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
             GenericCrudService,
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -20989,12 +21242,37 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
                 multi: true,
             },
         ], viewQueries: [{ propertyName: "collectionOverlay", first: true, predicate: PdxCollectionOverlayComponent, descendants: true, isSignal: true }, { propertyName: "collectionSearch", first: true, predicate: PdxCollectionSearchComponent, descendants: true, isSignal: true }, { propertyName: "overlayTrigger", first: true, predicate: ["overlayTrigger"], descendants: true, isSignal: true }, { propertyName: "overlayOptions", predicate: ["overlayOption"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
-      <label [id]="labelId()">{{ label }}</label>
-      <div class="pdx-material-collection-field__control">
-        <pdx-collection-overlay
+    <mat-form-field
+      class="pdx-material-collection-form-field"
+      [appearance]="materialAppearance()"
+      [color]="materialColor()"
+      [class]="componentCssClasses()"
+      [floatLabel]="floatLabelBehavior()"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
+      [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
+    >
+      <mat-label>{{ label }}</mat-label>
+      @if (metadata()?.prefixIcon) {
+        <mat-icon
+          matPrefix
+          [color]="iconPalette(metadata()?.prefixIconColor)"
+          [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
+          [praxisIcon]="metadata()!.prefixIcon"
+        />
+      }
+
+      <pdx-collection-overlay
+          pdxCollectionFormFieldControl
+          [pdxCollectionFormFieldModel]="control()"
+          [pdxCollectionFormFieldValue]="fieldState().value"
+          [pdxCollectionFormFieldRequired]="metadata()?.required || false"
+          [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
+          [pdxCollectionFormFieldErrorState]="hasValidationError()"
+          [pdxCollectionFormFieldId]="componentId()"
+          [pdxCollectionFormFieldOpen]="panelOpen()"
+          [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
           [(open)]="panelOpen"
-          [ariaLabel]="label || metadata()?.name || 'Seleção'"
+          [ariaLabel]="selectPanelActionsAriaLabel()"
           [panelId]="overlayId()"
           panelClass="pdx-material-select-panel"
           [panelWidth]="overlayPanelWidth()"
@@ -21006,32 +21284,31 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
             pdxCollectionOverlayTrigger
             type="button"
             class="pdx-material-collection-trigger"
+            [class.is-readonly]="isReadonlyEffective() || presentationMode"
             role="combobox"
             aria-haspopup="dialog"
-            [attr.aria-labelledby]="labelId()"
-            [attr.aria-disabled]="isInteractionDisabled()"
+            [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
+            [attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
+            [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
             [attr.aria-required]="metadata()?.required || null"
             [attr.aria-expanded]="panelOpen()"
             [attr.aria-controls]="panelOpen() ? overlayId() : null"
             [tabIndex]="metadata()?.tabIndex ?? 0"
-            [disabled]="isInteractionDisabled()"
-            [matTooltip]="tooltipEnabled() ? errorMessage() : null"
-            [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
+            [disabled]="isDisabledEffective()"
+            [matTooltip]="materialTriggerTooltip()"
+            [matTooltipDisabled]="!materialTriggerTooltip()"
             [matTooltipPosition]="tooltipPosition()"
             (click)="toggleOverlay()"
             (keydown)="onTriggerKeydown($event)"
           >
-            @if (metadata()?.prefixIcon) {
-              <mat-icon [praxisIcon]="metadata()!.prefixIcon" aria-hidden="true" />
-            }
-            <span>{{ materialDisplayText() }}</span>
+            <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
             @if (loading()) {
               <mat-progress-spinner
                 diameter="18"
                 mode="indeterminate"
                 [attr.aria-label]="loadingOptionsLabel()"
               />
-            } @else {
+            } @else if (!(isReadonlyEffective() || presentationMode)) {
               <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
             }
           </button>
@@ -21078,35 +21355,36 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
               <p class="pdx-material-select-empty" role="status">{{ noOptionsAvailableLabel() }}</p>
             }
           </div>
-        </pdx-collection-overlay>
+      </pdx-collection-overlay>
 
-        @if (!loading() && showClear()) {
-          <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
-            [disabled]="isInteractionDisabled()" [matTooltip]="clearActionTooltip()"
-            [attr.aria-label]="clearActionAriaLabel()">
-            <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
-          </button>
-        }
-        @if (fieldHelpPopoverText()) {
-          <button type="button" class="pdx-field-help-icon" [matTooltip]="fieldHelpPopoverText()"
-            matTooltipPosition="above" [matTooltipDisabled]="fieldHelpPopoverDisabled()"
-            [attr.aria-label]="fieldHelpAriaLabel()">
-            <mat-icon [praxisIcon]="'help_outline'" />
-          </button>
-        }
-      </div>
-      @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
-      @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
-    </div>
-    `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { 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: MatButtonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
+      @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
+        <span matSuffix class="pdx-material-collection-actions">
+          @if (!loading() && showClear()) {
+            <button mat-icon-button type="button" class="pdx-material-collection-clear"
+              (click)="onClearClick()" [disabled]="isDisabledEffective()"
+              [matTooltip]="clearActionTooltip()" [attr.aria-label]="clearActionAriaLabel()">
+              <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
+            </button>
+          }
+          @if (fieldHelpPopoverText()) {
+            <button mat-icon-button type="button" class="pdx-field-help-icon"
+              [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
+              [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
+              <mat-icon [praxisIcon]="'help_outline'" />
+            </button>
+          }
+        </span>
+      }
+      @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
+      @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
+    </mat-form-field>
+    `, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-select-option-button:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: 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: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pdx-material-select', standalone: true, imports: [
                         ReactiveFormsModule,
                         MatFormFieldModule,
-                        MatInputModule,
-                        MatSelectModule,
                         MatTooltipModule,
                         MatIconModule,
                         MatButtonModule,
@@ -21115,13 +21393,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         PdxCollectionOverlayComponent,
                         PdxCollectionOverlayTriggerDirective,
                         PdxCollectionSearchComponent,
+                        PdxCollectionFormFieldControlDirective,
                     ], template: `
-    <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
-      <label [id]="labelId()">{{ label }}</label>
-      <div class="pdx-material-collection-field__control">
-        <pdx-collection-overlay
+    <mat-form-field
+      class="pdx-material-collection-form-field"
+      [appearance]="materialAppearance()"
+      [color]="materialColor()"
+      [class]="componentCssClasses()"
+      [floatLabel]="floatLabelBehavior()"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
+      [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
+    >
+      <mat-label>{{ label }}</mat-label>
+      @if (metadata()?.prefixIcon) {
+        <mat-icon
+          matPrefix
+          [color]="iconPalette(metadata()?.prefixIconColor)"
+          [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
+          [praxisIcon]="metadata()!.prefixIcon"
+        />
+      }
+
+      <pdx-collection-overlay
+          pdxCollectionFormFieldControl
+          [pdxCollectionFormFieldModel]="control()"
+          [pdxCollectionFormFieldValue]="fieldState().value"
+          [pdxCollectionFormFieldRequired]="metadata()?.required || false"
+          [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
+          [pdxCollectionFormFieldErrorState]="hasValidationError()"
+          [pdxCollectionFormFieldId]="componentId()"
+          [pdxCollectionFormFieldOpen]="panelOpen()"
+          [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
           [(open)]="panelOpen"
-          [ariaLabel]="label || metadata()?.name || 'Seleção'"
+          [ariaLabel]="selectPanelActionsAriaLabel()"
           [panelId]="overlayId()"
           panelClass="pdx-material-select-panel"
           [panelWidth]="overlayPanelWidth()"
@@ -21133,32 +21437,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             pdxCollectionOverlayTrigger
             type="button"
             class="pdx-material-collection-trigger"
+            [class.is-readonly]="isReadonlyEffective() || presentationMode"
             role="combobox"
             aria-haspopup="dialog"
-            [attr.aria-labelledby]="labelId()"
-            [attr.aria-disabled]="isInteractionDisabled()"
+            [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
+            [attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
+            [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
             [attr.aria-required]="metadata()?.required || null"
             [attr.aria-expanded]="panelOpen()"
             [attr.aria-controls]="panelOpen() ? overlayId() : null"
             [tabIndex]="metadata()?.tabIndex ?? 0"
-            [disabled]="isInteractionDisabled()"
-            [matTooltip]="tooltipEnabled() ? errorMessage() : null"
-            [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
+            [disabled]="isDisabledEffective()"
+            [matTooltip]="materialTriggerTooltip()"
+            [matTooltipDisabled]="!materialTriggerTooltip()"
             [matTooltipPosition]="tooltipPosition()"
             (click)="toggleOverlay()"
             (keydown)="onTriggerKeydown($event)"
           >
-            @if (metadata()?.prefixIcon) {
-              <mat-icon [praxisIcon]="metadata()!.prefixIcon" aria-hidden="true" />
-            }
-            <span>{{ materialDisplayText() }}</span>
+            <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
             @if (loading()) {
               <mat-progress-spinner
                 diameter="18"
                 mode="indeterminate"
                 [attr.aria-label]="loadingOptionsLabel()"
               />
-            } @else {
+            } @else if (!(isReadonlyEffective() || presentationMode)) {
               <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
             }
           </button>
@@ -21205,26 +21508,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               <p class="pdx-material-select-empty" role="status">{{ noOptionsAvailableLabel() }}</p>
             }
           </div>
-        </pdx-collection-overlay>
+      </pdx-collection-overlay>
 
-        @if (!loading() && showClear()) {
-          <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
-            [disabled]="isInteractionDisabled()" [matTooltip]="clearActionTooltip()"
-            [attr.aria-label]="clearActionAriaLabel()">
-            <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
-          </button>
-        }
-        @if (fieldHelpPopoverText()) {
-          <button type="button" class="pdx-field-help-icon" [matTooltip]="fieldHelpPopoverText()"
-            matTooltipPosition="above" [matTooltipDisabled]="fieldHelpPopoverDisabled()"
-            [attr.aria-label]="fieldHelpAriaLabel()">
-            <mat-icon [praxisIcon]="'help_outline'" />
-          </button>
-        }
-      </div>
-      @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
-      @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
-    </div>
+      @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
+        <span matSuffix class="pdx-material-collection-actions">
+          @if (!loading() && showClear()) {
+            <button mat-icon-button type="button" class="pdx-material-collection-clear"
+              (click)="onClearClick()" [disabled]="isDisabledEffective()"
+              [matTooltip]="clearActionTooltip()" [attr.aria-label]="clearActionAriaLabel()">
+              <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
+            </button>
+          }
+          @if (fieldHelpPopoverText()) {
+            <button mat-icon-button type="button" class="pdx-field-help-icon"
+              [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
+              [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
+              <mat-icon [praxisIcon]="'help_outline'" />
+            </button>
+          }
+        </span>
+      }
+      @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
+      @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
+    </mat-form-field>
     `, providers: [
                         GenericCrudService,
                         {
@@ -21234,14 +21540,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         },
                     ], host: {
                         '[class]': 'componentCssClasses()',
-                        '[class.praxis-disabled]': 'isInteractionDisabled()',
+                        '[class.praxis-disabled]': 'isDisabledEffective()',
+                        '[class.praxis-readonly]': 'isReadonlyEffective() || presentationMode',
                         '[style.display]': 'visible ? "block" : "none"',
                         '[attr.aria-hidden]': 'visible ? null : "true"',
                         '[style.width]': '"100%"',
                         '[attr.data-field-type]': '"select"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"] }]
+                    }, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-select-option-button:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -28357,6 +28664,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
     collectionSearch = viewChild(PdxCollectionSearchComponent, ...(ngDevMode ? [{ debugName: "collectionSearch" }] : /* istanbul ignore next */ []));
     overlayTrigger = viewChild('overlayTrigger', ...(ngDevMode ? [{ debugName: "overlayTrigger" }] : /* istanbul ignore next */ []));
     overlayOptions = viewChildren('overlayOption', ...(ngDevMode ? [{ debugName: "overlayOptions" }] : /* istanbul ignore next */ []));
+    pendingOverlayFocusIndex = null;
     store = new OptionStore();
     endReached = signal(false, ...(ngDevMode ? [{ debugName: "endReached" }] : /* istanbul ignore next */ []));
     initialLoadStrategy = 'open';
@@ -28416,8 +28724,10 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
     ngAfterViewInit() {
         super.ngAfterViewInit();
         const trigger = this.overlayTrigger()?.nativeElement;
-        if (trigger)
+        if (trigger) {
             this.registerInputElement(trigger);
+            trigger.setAttribute('aria-label', this.selectionTriggerAriaLabel(this.materialFullDisplayText()));
+        }
     }
     errorStateMatcher() {
         return getErrorStateMatcherForField(this.metadata());
@@ -28484,27 +28794,40 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
     onOverlayOpened() {
         this.openedChange.emit(true);
         this.onOpened(true);
-        queueMicrotask(() => this.collectionSearch()?.focus());
+        if (this.pendingOverlayFocusIndex !== null && !this.searchable()) {
+            this.focusOverlayOption(this.pendingOverlayFocusIndex);
+        }
+        else {
+            queueMicrotask(() => this.collectionSearch()?.focus());
+        }
+        this.pendingOverlayFocusIndex = null;
     }
     onOverlayClosed() {
         this.openedChange.emit(false);
     }
     onTriggerKeydown(event) {
+        if (this.isInteractionDisabled())
+            return;
         if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp')
             return;
         event.preventDefault();
         if (!this.panelOpen()) {
+            this.pendingOverlayFocusIndex = event.key === 'ArrowDown' ? 0 : -1;
             this.panelOpen.set(true);
             return;
         }
         this.focusOverlayOption(event.key === 'ArrowDown' ? 0 : -1);
     }
     selectOverlayOption(option) {
+        if (this.isInteractionDisabled())
+            return;
         this.selectOption(option);
         if (!this.multiple())
             this.collectionOverlay()?.close('programmatic');
     }
     selectEmptyOption() {
+        if (this.isInteractionDisabled())
+            return;
         this.selectOption({ label: this.emptyOptionText() || '', value: null });
         this.collectionOverlay()?.close('programmatic');
     }
@@ -28526,6 +28849,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
         enabled[target]?.nativeElement.focus();
     }
     hasSelectionValue() {
+        this.fieldState();
         const value = this.control().value;
         return Array.isArray(value)
             ? value.length > 0
@@ -28534,13 +28858,17 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
     materialDisplayText() {
         const value = this.control().value;
         if (!this.hasSelectionValue())
-            return this.placeholder || this.label || '';
+            return this.placeholder || '';
         const values = Array.isArray(value) ? value : [value];
         const labels = values.map((item) => this.resolveMaterialOptionLabel(item));
         return labels.length > 1 ? `${labels[0]} +${labels.length - 1}` : labels[0];
     }
-    labelId() {
-        return `${this.componentId()}-label`;
+    materialFullDisplayText() {
+        if (!this.hasSelectionValue())
+            return '';
+        const value = this.control().value;
+        const values = Array.isArray(value) ? value : [value];
+        return values.map((item) => this.resolveMaterialOptionLabel(item)).join(', ');
     }
     panelId() {
         return `${this.componentId()}-options`;
@@ -28697,10 +29025,6 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
         this.endReached.set(false);
         super.onSearch(term);
     }
-    registerMatSelect(select) {
-        super.registerMatSelect(select);
-        select.compareWith = (left, right) => this.areOptionValuesEqual(left, right);
-    }
     refocusSearchInput() {
         if (!this.searchable()) {
             return;
@@ -28770,7 +29094,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSearchableSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialSearchableSelectComponent, isStandalone: true, selector: "pdx-material-searchable-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isInteractionDisabled()", "class.praxis-readonly": "isReadonlyEffective() || presentationMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.aria-disabled": "searchableSelectAriaDisabled()", "attr.data-field-type": "\"searchable-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialSearchableSelectComponent, isStandalone: true, selector: "pdx-material-searchable-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isDisabledEffective()", "class.praxis-readonly": "isReadonlyEffective() || presentationMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.aria-disabled": "searchableSelectAriaDisabled()", "attr.data-field-type": "\"searchable-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
             GenericCrudService,
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -28778,10 +29102,32 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
                 multi: true,
             },
         ], viewQueries: [{ propertyName: "collectionOverlay", first: true, predicate: PdxCollectionOverlayComponent, descendants: true, isSignal: true }, { propertyName: "collectionSearch", first: true, predicate: PdxCollectionSearchComponent, descendants: true, isSignal: true }, { propertyName: "overlayTrigger", first: true, predicate: ["overlayTrigger"], descendants: true, isSignal: true }, { propertyName: "overlayOptions", predicate: ["overlayOption"], descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
-      <label [id]="labelId()">{{ label }}</label>
-      <div class="pdx-material-collection-field__control">
-        <pdx-collection-overlay
+    <mat-form-field
+      class="pdx-material-collection-form-field"
+      [appearance]="materialAppearance()"
+      [color]="materialColor()"
+      [class]="componentCssClasses()"
+      [floatLabel]="floatLabelBehavior()"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
+      [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
+    >
+      <mat-label>{{ label }}</mat-label>
+      @if (metadata()?.prefixIcon) {
+        <mat-icon matPrefix aria-hidden="true"
+          [color]="iconPalette(metadata()?.prefixIconColor)"
+          [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
+          [praxisIcon]="metadata()!.prefixIcon" />
+      }
+      <pdx-collection-overlay
+          pdxCollectionFormFieldControl
+          [pdxCollectionFormFieldModel]="control()"
+          [pdxCollectionFormFieldValue]="fieldState().value"
+          [pdxCollectionFormFieldRequired]="metadata()?.required || false"
+          [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
+          [pdxCollectionFormFieldErrorState]="hasValidationError()"
+          [pdxCollectionFormFieldId]="componentId()"
+          [pdxCollectionFormFieldOpen]="panelOpen()"
+          [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
           [(open)]="panelOpen"
           [ariaLabel]="selectPanelActionsAriaLabel()"
           [panelId]="overlayId()"
@@ -28795,25 +29141,30 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
             pdxCollectionOverlayTrigger
             type="button"
             class="pdx-material-collection-trigger"
+            [class.is-readonly]="isReadonlyEffective() || presentationMode"
             role="combobox"
             aria-haspopup="dialog"
-            [attr.aria-labelledby]="labelId()"
+            [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
             [attr.aria-disabled]="searchableSelectAriaDisabled()"
             [attr.aria-readonly]="searchableSelectAriaReadonly()"
+            [attr.aria-required]="metadata()?.required || null"
             [attr.aria-expanded]="panelOpen()"
             [attr.aria-controls]="panelOpen() ? overlayId() : null"
-            [disabled]="isInteractionDisabled()"
+            [tabIndex]="metadata()?.tabIndex ?? 0"
+            [disabled]="isDisabledEffective()"
+            [matTooltip]="materialFullDisplayText() || null"
+            [matTooltipDisabled]="!materialFullDisplayText()"
             (click)="toggleOverlay()"
             (keydown)="onTriggerKeydown($event)"
           >
-            <span>{{ materialDisplayText() }}</span>
+            <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
             @if (loading()) {
               <mat-progress-spinner
                 diameter="18"
                 mode="indeterminate"
                 [attr.aria-label]="loadingOptionsLabel()"
               />
-            } @else {
+            } @else if (!(isReadonlyEffective() || presentationMode)) {
               <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
             }
           </button>
@@ -28884,31 +29235,29 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
               (loadMore)="onLoadMoreInteraction($event)"
             />
           }
-        </pdx-collection-overlay>
+      </pdx-collection-overlay>
 
-        @if (!loading() && showClear()) {
-          <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
-            [attr.aria-label]="clearActionAriaLabel()">
-            <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
-          </button>
-        }
-        @if (fieldHelpPopoverText()) {
-          <button
-            type="button"
-            class="pdx-field-help-icon"
-            [matTooltip]="fieldHelpPopoverText()"
-            matTooltipPosition="above"
-            [matTooltipDisabled]="fieldHelpPopoverDisabled()"
-            [attr.aria-label]="fieldHelpAriaLabel()"
-          >
-            <mat-icon [praxisIcon]="'help_outline'" />
-          </button>
-        }
-      </div>
-      @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
-      @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
-    </div>
-    `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
+      @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
+        <span matSuffix class="pdx-material-collection-actions">
+          @if (!loading() && showClear()) {
+            <button mat-icon-button type="button" class="pdx-material-collection-clear"
+              (click)="onClearClick()" [attr.aria-label]="clearActionAriaLabel()">
+              <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
+            </button>
+          }
+          @if (fieldHelpPopoverText()) {
+            <button mat-icon-button type="button" class="pdx-field-help-icon"
+              [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
+              [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
+              <mat-icon [praxisIcon]="'help_outline'" />
+            </button>
+          }
+        </span>
+      }
+      @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
+      @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
+    </mat-form-field>
+    `, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\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: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSearchableSelectComponent, decorators: [{
             type: Component,
@@ -28918,7 +29267,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         PraxisIconDirective,
                         ReactiveFormsModule,
                         MatFormFieldModule,
-                        MatSelectModule,
                         MatInputModule,
                         MatProgressSpinnerModule,
                         MatTooltipModule,
@@ -28926,11 +29274,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         PdxCollectionOverlayComponent,
                         PdxCollectionOverlayTriggerDirective,
                         PdxCollectionSearchComponent,
+                        PdxCollectionFormFieldControlDirective,
                     ], template: `
-    <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
-      <label [id]="labelId()">{{ label }}</label>
-      <div class="pdx-material-collection-field__control">
-        <pdx-collection-overlay
+    <mat-form-field
+      class="pdx-material-collection-form-field"
+      [appearance]="materialAppearance()"
+      [color]="materialColor()"
+      [class]="componentCssClasses()"
+      [floatLabel]="floatLabelBehavior()"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
+      [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
+    >
+      <mat-label>{{ label }}</mat-label>
+      @if (metadata()?.prefixIcon) {
+        <mat-icon matPrefix aria-hidden="true"
+          [color]="iconPalette(metadata()?.prefixIconColor)"
+          [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
+          [praxisIcon]="metadata()!.prefixIcon" />
+      }
+      <pdx-collection-overlay
+          pdxCollectionFormFieldControl
+          [pdxCollectionFormFieldModel]="control()"
+          [pdxCollectionFormFieldValue]="fieldState().value"
+          [pdxCollectionFormFieldRequired]="metadata()?.required || false"
+          [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
+          [pdxCollectionFormFieldErrorState]="hasValidationError()"
+          [pdxCollectionFormFieldId]="componentId()"
+          [pdxCollectionFormFieldOpen]="panelOpen()"
+          [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
           [(open)]="panelOpen"
           [ariaLabel]="selectPanelActionsAriaLabel()"
           [panelId]="overlayId()"
@@ -28944,25 +29315,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             pdxCollectionOverlayTrigger
             type="button"
             class="pdx-material-collection-trigger"
+            [class.is-readonly]="isReadonlyEffective() || presentationMode"
             role="combobox"
             aria-haspopup="dialog"
-            [attr.aria-labelledby]="labelId()"
+            [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
             [attr.aria-disabled]="searchableSelectAriaDisabled()"
             [attr.aria-readonly]="searchableSelectAriaReadonly()"
+            [attr.aria-required]="metadata()?.required || null"
             [attr.aria-expanded]="panelOpen()"
             [attr.aria-controls]="panelOpen() ? overlayId() : null"
-            [disabled]="isInteractionDisabled()"
+            [tabIndex]="metadata()?.tabIndex ?? 0"
+            [disabled]="isDisabledEffective()"
+            [matTooltip]="materialFullDisplayText() || null"
+            [matTooltipDisabled]="!materialFullDisplayText()"
             (click)="toggleOverlay()"
             (keydown)="onTriggerKeydown($event)"
           >
-            <span>{{ materialDisplayText() }}</span>
+            <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
             @if (loading()) {
               <mat-progress-spinner
                 diameter="18"
                 mode="indeterminate"
                 [attr.aria-label]="loadingOptionsLabel()"
               />
-            } @else {
+            } @else if (!(isReadonlyEffective() || presentationMode)) {
               <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
             }
           </button>
@@ -29033,30 +29409,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               (loadMore)="onLoadMoreInteraction($event)"
             />
           }
-        </pdx-collection-overlay>
+      </pdx-collection-overlay>
 
-        @if (!loading() && showClear()) {
-          <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
-            [attr.aria-label]="clearActionAriaLabel()">
-            <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
-          </button>
-        }
-        @if (fieldHelpPopoverText()) {
-          <button
-            type="button"
-            class="pdx-field-help-icon"
-            [matTooltip]="fieldHelpPopoverText()"
-            matTooltipPosition="above"
-            [matTooltipDisabled]="fieldHelpPopoverDisabled()"
-            [attr.aria-label]="fieldHelpAriaLabel()"
-          >
-            <mat-icon [praxisIcon]="'help_outline'" />
-          </button>
-        }
-      </div>
-      @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
-      @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
-    </div>
+      @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
+        <span matSuffix class="pdx-material-collection-actions">
+          @if (!loading() && showClear()) {
+            <button mat-icon-button type="button" class="pdx-material-collection-clear"
+              (click)="onClearClick()" [attr.aria-label]="clearActionAriaLabel()">
+              <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
+            </button>
+          }
+          @if (fieldHelpPopoverText()) {
+            <button mat-icon-button type="button" class="pdx-field-help-icon"
+              [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
+              [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
+              <mat-icon [praxisIcon]="'help_outline'" />
+            </button>
+          }
+        </span>
+      }
+      @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
+      @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
+    </mat-form-field>
     `, providers: [
                         GenericCrudService,
                         {
@@ -29066,7 +29440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         },
                     ], host: {
                         '[class]': 'componentCssClasses()',
-                        '[class.praxis-disabled]': 'isInteractionDisabled()',
+                        '[class.praxis-disabled]': 'isDisabledEffective()',
                         '[class.praxis-readonly]': 'isReadonlyEffective() || presentationMode',
                         '[style.display]': 'visible ? null : "none"',
                         '[attr.aria-hidden]': 'visible ? null : "true"',
@@ -29074,7 +29448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[attr.data-field-type]': '"searchable-select"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
+                    }, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -39514,6 +39888,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     inlineTextTruncated = false;
     fieldLabelText = '';
     resizeRafId = null;
+    overlayPositionRafId = null;
     overlayOpen = false;
     overlayCommittedInSession = false;
     overlayBaseline = null;
@@ -39585,6 +39960,10 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
             window.cancelAnimationFrame(this.resizeRafId);
             this.resizeRafId = null;
         }
+        if (this.overlayPositionRafId !== null && typeof window !== 'undefined') {
+            window.cancelAnimationFrame(this.overlayPositionRafId);
+            this.overlayPositionRafId = null;
+        }
     }
     onViewportResize() {
         this.scheduleInlineResize();
@@ -39999,9 +40378,35 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
             return;
         }
         this.syncDateAdapterLocale();
+        picker.xPosition = this.resolvePickerXPosition();
         picker.open();
         this.scheduleInlineResize();
     }
+    resolvePickerXPosition() {
+        if (typeof window === 'undefined') {
+            return 'start';
+        }
+        const host = this.elementRef.nativeElement;
+        const hostRect = host?.getBoundingClientRect();
+        if (!hostRect) {
+            return 'start';
+        }
+        const viewportMargin = 8;
+        const hasSideShortcuts = this.inlineQuickPresetsEffectivePosition() !== 'footer';
+        const naturalOverlayWidth = hasSideShortcuts ? 704 : 328;
+        const overlayWidth = Math.min(naturalOverlayWidth, Math.max(0, window.innerWidth - viewportMargin * 2));
+        const direction = this.resolveDocumentDirection();
+        const logicalStartFits = direction === 'rtl'
+            ? hostRect.right - overlayWidth >= viewportMargin
+            : hostRect.left + overlayWidth <= window.innerWidth - viewportMargin;
+        if (logicalStartFits) {
+            return 'start';
+        }
+        const logicalEndFits = direction === 'rtl'
+            ? hostRect.left + overlayWidth <= window.innerWidth - viewportMargin
+            : hostRect.right - overlayWidth >= viewportMargin;
+        return logicalEndFits ? 'end' : 'start';
+    }
     onOverlayOpened() {
         this.syncDateAdapterLocale();
         this.overlayOpen = true;
@@ -40394,6 +40799,45 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         actions.classList.remove(`${positionPrefix}footer`, `${positionPrefix}start`, `${positionPrefix}end`);
         actions.classList.add(`${positionPrefix}${position}`);
         this.syncQuickPresetComposition(actions, position);
+        this.updatePickerOverlayPosition();
+    }
+    /**
+     * Material positions the popup before projected actions are composed. Side shortcuts expand the
+     * content from the calendar width to the enterprise two-column width, so the connected overlay
+     * must be measured again after that DOM change. Delegating to the existing OverlayRef preserves
+     * Material's viewport margin, fallback positions, directionality, and scroll strategy.
+     */
+    updatePickerOverlayPosition() {
+        const picker = this.pickerRef;
+        const overlayRef = picker?._overlayRef;
+        this.remeasurePickerOverlay(overlayRef);
+        if (typeof window === 'undefined' || !overlayRef?.updatePosition) {
+            return;
+        }
+        if (this.overlayPositionRafId !== null) {
+            window.cancelAnimationFrame(this.overlayPositionRafId);
+        }
+        this.overlayPositionRafId = window.requestAnimationFrame(() => {
+            this.overlayPositionRafId = null;
+            if (this.overlayOpen) {
+                this.remeasurePickerOverlay(overlayRef);
+            }
+        });
+    }
+    /**
+     * Material locks the first connected position so normal scrolling cannot make the popup jump.
+     * Praxis adds the shortcut rail after that first measurement, therefore we briefly unlock only
+     * while the CDK evaluates the final overlay dimensions and restore Material's default policy.
+     */
+    remeasurePickerOverlay(overlayRef) {
+        const positionStrategy = overlayRef?.getConfig?.().positionStrategy;
+        positionStrategy?.withLockedPosition?.(false);
+        try {
+            overlayRef?.updatePosition?.();
+        }
+        finally {
+            positionStrategy?.withLockedPosition?.(true);
+        }
     }
     findOverlayActionsContainer() {
         if (typeof document === 'undefined') {
@@ -40834,7 +41278,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);--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:var(--pdx-inline-control-height, 42px);min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 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:0;visibility:hidden}: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;opacity:.9;visibility:visible}: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-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}: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:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 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: 192px;--pdx-overlay-side-presets-max-h: 220px;--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(328px, 36vw, 372px);--pdx-inline-overlay-calendar-min-h: 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: 184px;--pdx-overlay-side-presets-max-h: 276px;--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: 204px;--pdx-overlay-side-presets-max-h: 296px;--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: 192px;--pdx-overlay-side-presets-max-h: 284px;--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: 184px;--pdx-overlay-side-presets-max-h: 276px;--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: 204px;--pdx-overlay-side-presets-max-h: 296px;--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 .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail{--pdx-inline-shortcut-rail-min-w: 220px;--pdx-inline-shortcut-rail-max-w: 296px;--pdx-overlay-side-presets-max-h: 320px;display:grid;grid-template-columns:minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w)) minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr);width:min(704px,calc(100vw - 24px));min-width:min(704px,calc(100vw - 24px));max-width:min(704px,calc(100vw - 24px));align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail.pdx-inline-date-range-content--physical-end{grid-template-columns:minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr) minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions{--pdx-overlay-actions-padding: 8px;--pdx-overlay-actions-gap: 8px;grid-column:1 / -1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-padding: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.pdx-inline-date-range-panel{width:100%;min-width:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail{min-width:0;padding:var(--pdx-overlay-actions-padding, 12px);border-inline-end:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-sizing:border-box;overflow:hidden;position:relative}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--physical-end .pdx-inline-date-range-shortcut-rail{border-inline-end:0;border-inline-start:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{width:100%;max-height:min(var(--pdx-overlay-side-presets-max-h, 320px),calc(100dvh - 180px));display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-inline-end:6px;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 54%,transparent) transparent;scrollbar-width:thin}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar{width:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail:after{position:absolute;right:12px;bottom:12px;left:12px;height:22px;pointer-events:none;content:\"\";background:linear-gradient(to bottom,transparent,var(--md-sys-color-surface-container-high))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-preset{width:100%;justify-content:flex-start;letter-spacing:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.mat-mdc-button-base{--mdc-outlined-button-container-height: auto;--mdc-text-button-container-height: auto;block-size:auto;min-block-size:56px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);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%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);height:auto}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-content{padding-bottom:10px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);min-width:40px;min-height:var(--pdx-inline-control-height-mobile, 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:var(--pdx-inline-control-height-mobile, 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-container,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-label{padding-top:20px!important;padding-bottom:20px!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell{height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);line-height:var(--pdx-inline-control-height-mobile, 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\" \"summary\" \"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\" \"summary\" \"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:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;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:var(--pdx-inline-radius, 8px);padding:7px 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;white-space:normal;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:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::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{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::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.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 82%,transparent)}::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 .pdx-inline-date-range-preset[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary{grid-area:summary;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::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:var(--pdx-inline-control-height-mobile, 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[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{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[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);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[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}::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-shortcut-rail .pdx-inline-date-range-overlay-presets{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;max-height:var(--pdx-overlay-side-presets-max-h, 220px);overflow-x:hidden;overflow-y:auto}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;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:var(--pdx-inline-radius, 8px);padding:7px 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;white-space:normal;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:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::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-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg, #1f1f3d) 82%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary{flex:1 0 100%;width:100%;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface);box-sizing:border-box}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::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:var(--pdx-inline-control-height-mobile, 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)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #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:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 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-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{min-height:336px}::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: 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],[formArray],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$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.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:var(--pdx-inline-control-height, 42px);min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 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:0;visibility:hidden}: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;opacity:.9;visibility:visible}: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-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}: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:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 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: 192px;--pdx-overlay-side-presets-max-h: 220px;--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(328px, 36vw, 372px);--pdx-inline-overlay-calendar-min-h: 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: 184px;--pdx-overlay-side-presets-max-h: 276px;--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: 204px;--pdx-overlay-side-presets-max-h: 296px;--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: 192px;--pdx-overlay-side-presets-max-h: 284px;--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: 184px;--pdx-overlay-side-presets-max-h: 276px;--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: 204px;--pdx-overlay-side-presets-max-h: 296px;--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 .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail{--pdx-inline-shortcut-rail-min-w: 220px;--pdx-inline-shortcut-rail-max-w: 296px;--pdx-overlay-side-presets-max-h: 320px;display:grid;grid-template-columns:minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w)) minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr);width:min(704px,calc(100vw - 24px));min-width:min(704px,calc(100vw - 24px));max-width:min(704px,calc(100vw - 24px));align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail.pdx-inline-date-range-content--physical-end{grid-template-columns:minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr) minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions{--pdx-overlay-actions-padding: 8px;--pdx-overlay-actions-gap: 8px;grid-column:1 / -1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-padding: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.pdx-inline-date-range-panel{width:100%;min-width:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail{min-width:0;padding:var(--pdx-overlay-actions-padding, 12px);border-inline-end:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-sizing:border-box;overflow:hidden;position:relative}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--physical-end .pdx-inline-date-range-shortcut-rail{border-inline-end:0;border-inline-start:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{width:100%;max-height:min(var(--pdx-overlay-side-presets-max-h, 320px),calc(100dvh - 180px));display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-inline-end:6px;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 54%,transparent) transparent;scrollbar-width:thin}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar{width:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail:after{position:absolute;right:12px;bottom:12px;left:12px;height:22px;pointer-events:none;content:\"\";background:linear-gradient(to bottom,transparent,var(--md-sys-color-surface-container-high))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-preset{width:100%;justify-content:flex-start;letter-spacing:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.mat-mdc-button-base{--mdc-outlined-button-container-height: auto;--mdc-text-button-container-height: auto;block-size:auto;min-block-size:56px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);padding-bottom:10px;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%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);height:auto}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);min-width:40px;min-height:var(--pdx-inline-control-height-mobile, 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:var(--pdx-inline-control-height-mobile, 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-container,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-label{padding-top:20px!important;padding-bottom:20px!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell{height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);line-height:var(--pdx-inline-control-height-mobile, 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\" \"summary\" \"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\" \"summary\" \"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:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;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:var(--pdx-inline-radius, 8px);padding:7px 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;white-space:normal;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:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::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{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::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.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 82%,transparent)}::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 .pdx-inline-date-range-preset[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary{grid-area:summary;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::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:var(--pdx-inline-control-height-mobile, 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[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{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[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);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[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}::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-shortcut-rail .pdx-inline-date-range-overlay-presets{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;max-height:var(--pdx-overlay-side-presets-max-h, 220px);overflow-x:hidden;overflow-y:auto}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;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:var(--pdx-inline-radius, 8px);padding:7px 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;white-space:normal;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:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::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-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg, #1f1f3d) 82%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary{flex:1 0 100%;width:100%;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface);box-sizing:border-box}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::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:var(--pdx-inline-control-height-mobile, 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)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #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:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 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-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{min-height:336px}::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: 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],[formArray],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$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.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: "21.2.14", ngImport: i0, type: InlineDateRangeComponent, decorators: [{
             type: Component,
@@ -41105,7 +41549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", 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);--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:var(--pdx-inline-control-height, 42px);min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 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:0;visibility:hidden}: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;opacity:.9;visibility:visible}: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-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}: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:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 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: 192px;--pdx-overlay-side-presets-max-h: 220px;--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(328px, 36vw, 372px);--pdx-inline-overlay-calendar-min-h: 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: 184px;--pdx-overlay-side-presets-max-h: 276px;--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: 204px;--pdx-overlay-side-presets-max-h: 296px;--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: 192px;--pdx-overlay-side-presets-max-h: 284px;--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: 184px;--pdx-overlay-side-presets-max-h: 276px;--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: 204px;--pdx-overlay-side-presets-max-h: 296px;--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 .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail{--pdx-inline-shortcut-rail-min-w: 220px;--pdx-inline-shortcut-rail-max-w: 296px;--pdx-overlay-side-presets-max-h: 320px;display:grid;grid-template-columns:minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w)) minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr);width:min(704px,calc(100vw - 24px));min-width:min(704px,calc(100vw - 24px));max-width:min(704px,calc(100vw - 24px));align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail.pdx-inline-date-range-content--physical-end{grid-template-columns:minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr) minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions{--pdx-overlay-actions-padding: 8px;--pdx-overlay-actions-gap: 8px;grid-column:1 / -1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-padding: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.pdx-inline-date-range-panel{width:100%;min-width:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail{min-width:0;padding:var(--pdx-overlay-actions-padding, 12px);border-inline-end:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-sizing:border-box;overflow:hidden;position:relative}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--physical-end .pdx-inline-date-range-shortcut-rail{border-inline-end:0;border-inline-start:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{width:100%;max-height:min(var(--pdx-overlay-side-presets-max-h, 320px),calc(100dvh - 180px));display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-inline-end:6px;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 54%,transparent) transparent;scrollbar-width:thin}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar{width:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail:after{position:absolute;right:12px;bottom:12px;left:12px;height:22px;pointer-events:none;content:\"\";background:linear-gradient(to bottom,transparent,var(--md-sys-color-surface-container-high))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-preset{width:100%;justify-content:flex-start;letter-spacing:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.mat-mdc-button-base{--mdc-outlined-button-container-height: auto;--mdc-text-button-container-height: auto;block-size:auto;min-block-size:56px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);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%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);height:auto}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-content{padding-bottom:10px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);min-width:40px;min-height:var(--pdx-inline-control-height-mobile, 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:var(--pdx-inline-control-height-mobile, 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-container,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-label{padding-top:20px!important;padding-bottom:20px!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell{height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);line-height:var(--pdx-inline-control-height-mobile, 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\" \"summary\" \"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\" \"summary\" \"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:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;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:var(--pdx-inline-radius, 8px);padding:7px 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;white-space:normal;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:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::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{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::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.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 82%,transparent)}::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 .pdx-inline-date-range-preset[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary{grid-area:summary;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::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:var(--pdx-inline-control-height-mobile, 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[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{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[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);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[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}::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-shortcut-rail .pdx-inline-date-range-overlay-presets{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;max-height:var(--pdx-overlay-side-presets-max-h, 220px);overflow-x:hidden;overflow-y:auto}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;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:var(--pdx-inline-radius, 8px);padding:7px 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;white-space:normal;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:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::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-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg, #1f1f3d) 82%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary{flex:1 0 100%;width:100%;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface);box-sizing:border-box}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::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:var(--pdx-inline-control-height-mobile, 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)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #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:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 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-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{min-height:336px}::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:var(--pdx-inline-control-height, 42px);min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 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:0;visibility:hidden}: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;opacity:.9;visibility:visible}: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-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}: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:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 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: 192px;--pdx-overlay-side-presets-max-h: 220px;--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(328px, 36vw, 372px);--pdx-inline-overlay-calendar-min-h: 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: 184px;--pdx-overlay-side-presets-max-h: 276px;--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: 204px;--pdx-overlay-side-presets-max-h: 296px;--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: 192px;--pdx-overlay-side-presets-max-h: 284px;--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: 184px;--pdx-overlay-side-presets-max-h: 276px;--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: 204px;--pdx-overlay-side-presets-max-h: 296px;--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 .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail{--pdx-inline-shortcut-rail-min-w: 220px;--pdx-inline-shortcut-rail-max-w: 296px;--pdx-overlay-side-presets-max-h: 320px;display:grid;grid-template-columns:minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w)) minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr);width:min(704px,calc(100vw - 24px));min-width:min(704px,calc(100vw - 24px));max-width:min(704px,calc(100vw - 24px));align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail.pdx-inline-date-range-content--physical-end{grid-template-columns:minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr) minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions{--pdx-overlay-actions-padding: 8px;--pdx-overlay-actions-gap: 8px;grid-column:1 / -1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-padding: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.pdx-inline-date-range-panel{width:100%;min-width:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail{min-width:0;padding:var(--pdx-overlay-actions-padding, 12px);border-inline-end:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-sizing:border-box;overflow:hidden;position:relative}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--physical-end .pdx-inline-date-range-shortcut-rail{border-inline-end:0;border-inline-start:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{width:100%;max-height:min(var(--pdx-overlay-side-presets-max-h, 320px),calc(100dvh - 180px));display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-inline-end:6px;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 54%,transparent) transparent;scrollbar-width:thin}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar{width:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail:after{position:absolute;right:12px;bottom:12px;left:12px;height:22px;pointer-events:none;content:\"\";background:linear-gradient(to bottom,transparent,var(--md-sys-color-surface-container-high))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-preset{width:100%;justify-content:flex-start;letter-spacing:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.mat-mdc-button-base{--mdc-outlined-button-container-height: auto;--mdc-text-button-container-height: auto;block-size:auto;min-block-size:56px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);padding-bottom:10px;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%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);height:auto}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);min-width:40px;min-height:var(--pdx-inline-control-height-mobile, 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:var(--pdx-inline-control-height-mobile, 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-container,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-label{padding-top:20px!important;padding-bottom:20px!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell{height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);line-height:var(--pdx-inline-control-height-mobile, 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\" \"summary\" \"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\" \"summary\" \"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:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;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:var(--pdx-inline-radius, 8px);padding:7px 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;white-space:normal;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:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::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{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::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.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 82%,transparent)}::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 .pdx-inline-date-range-preset[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary{grid-area:summary;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::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:var(--pdx-inline-control-height-mobile, 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[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{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[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);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[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}::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-shortcut-rail .pdx-inline-date-range-overlay-presets{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;max-height:var(--pdx-overlay-side-presets-max-h, 220px);overflow-x:hidden;overflow-y:auto}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;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:var(--pdx-inline-radius, 8px);padding:7px 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;white-space:normal;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:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::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-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg, #1f1f3d) 82%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary{flex:1 0 100%;width:100%;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface);box-sizing:border-box}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::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:var(--pdx-inline-control-height-mobile, 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)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #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:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 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-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{min-height:336px}::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']