@praxisui/dynamic-fields 9.0.0-beta.70 → 9.0.0-beta.72

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -3,7 +3,7 @@ import { NgControl, FormControl, Validators, ReactiveFormsModule, NG_VALUE_ACCES
 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, 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, 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 { 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, firstValueFrom, fromEvent, take as take$1 } from 'rxjs';
 import { Router } from '@angular/router';
 import * as i1$3 from '@angular/material/dialog';
@@ -27,7 +27,7 @@ import { MatInputModule } from '@angular/material/input';
 import * as i1$2 from '@angular/material/button';
 import { MatIconButton, MatButtonModule } from '@angular/material/button';
 import * as i6 from '@angular/material/datepicker';
-import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatDatepickerModule, DateRange } from '@angular/material/datepicker';
 import { NativeDateAdapter, DateAdapter, MatNativeDateModule, MAT_NATIVE_DATE_FORMATS, MAT_DATE_FORMATS } from '@angular/material/core';
 import * as i2$4 from '@angular/cdk/overlay';
 import { CdkOverlayOrigin, CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
@@ -211,6 +211,12 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
     'praxis.dynamicFields.inlineDateRange.presetAriaLabel': '{{label}} - preset {{preset}}{{rangeHint}}, {{modeHint}}',
     'praxis.dynamicFields.inlineDateRange.presetAriaLabelModeAuto': 'applies immediately',
     'praxis.dynamicFields.inlineDateRange.presetAriaLabelModeConfirm': 'fills for confirmation',
+    'praxis.dynamicFields.inlineDateRange.selectionSummaryTitle': 'Selected',
+    'praxis.dynamicFields.inlineDateRange.selectionStartLabel': 'Start',
+    'praxis.dynamicFields.inlineDateRange.selectionEndLabel': 'End',
+    'praxis.dynamicFields.inlineDateRange.selectionPending': 'Pending',
+    'praxis.dynamicFields.inlineDateRange.selectionIncomplete': 'Incomplete selection',
+    'praxis.dynamicFields.inlineDateRange.selectionSummaryAriaLabel': '{{title}}: {{startLabel}} {{startValue}}, {{endLabel}} {{endValue}}',
     'praxis.dynamicFields.inlineDate.placeholder': 'Date',
     'praxis.dynamicFields.inlineDate.overlayCancelLabel': 'Cancel',
     'praxis.dynamicFields.inlineDate.overlayApplyLabel': 'Apply',
@@ -603,6 +609,12 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
     'praxis.dynamicFields.inlineDateRange.presetAriaLabel': '{{label}} - preset {{preset}}{{rangeHint}}, {{modeHint}}',
     'praxis.dynamicFields.inlineDateRange.presetAriaLabelModeAuto': 'aplica imediatamente',
     'praxis.dynamicFields.inlineDateRange.presetAriaLabelModeConfirm': 'preenche para confirmação',
+    'praxis.dynamicFields.inlineDateRange.selectionSummaryTitle': 'Selecionado',
+    'praxis.dynamicFields.inlineDateRange.selectionStartLabel': 'Início',
+    'praxis.dynamicFields.inlineDateRange.selectionEndLabel': 'Fim',
+    'praxis.dynamicFields.inlineDateRange.selectionPending': 'Pendente',
+    'praxis.dynamicFields.inlineDateRange.selectionIncomplete': 'Seleção incompleta',
+    'praxis.dynamicFields.inlineDateRange.selectionSummaryAriaLabel': '{{title}}: {{startLabel}} {{startValue}}, {{endLabel}} {{endValue}}',
     'praxis.dynamicFields.inlineDate.placeholder': 'Data',
     'praxis.dynamicFields.inlineDate.overlayCancelLabel': 'Cancelar',
     'praxis.dynamicFields.inlineDate.overlayApplyLabel': 'Aplicar',
@@ -6938,6 +6950,7 @@ class PraxisDateRangeShortcutsOverlayComponent {
             class="pdx-date-shortcut"
             [class.--active]="s.id === activeId"
             [class.--disabled]="s.disabled"
+            [attr.data-tone]="s.tone || 'neutral'"
             role="option"
             [attr.aria-selected]="s.id === activeId ? 'true' : 'false'"
             [disabled]="s.disabled"
@@ -6945,7 +6958,12 @@ class PraxisDateRangeShortcutsOverlayComponent {
             [title]="s.description || s.label"
           >
             <div class="pdx-shortcut-content">
-              <span class="pdx-shortcut-label">{{ s.label }}</span>
+              <span class="pdx-shortcut-label">
+                @if (s.icon) {
+                  <mat-icon aria-hidden="true">{{ s.icon }}</mat-icon>
+                }
+                <span>{{ s.label }}</span>
+              </span>
               @if (s.rangeDescription) {
                 <span class="pdx-shortcut-range">{{ s.rangeDescription }}</span>
               }
@@ -6957,7 +6975,7 @@ class PraxisDateRangeShortcutsOverlayComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block}.pdx-date-range-panel{min-width:220px;max-width:300px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level2);border-radius:12px;padding:8px;outline:0}.pdx-shortcuts-list{display:flex;flex-direction:column;gap:4px}.pdx-date-shortcut{appearance:none;border:none;background:transparent;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;transition:background-color .2s}.pdx-date-shortcut:hover{background:var(--md-sys-color-primary-container)}.pdx-date-shortcut.--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.pdx-date-shortcut.--disabled{opacity:.5;cursor:not-allowed}.pdx-shortcut-content{display:flex;flex-direction:column;gap:2px}.pdx-shortcut-label{font-weight:500;font-size:14px}.pdx-shortcut-range{font-size:11px;opacity:.7}.pdx-check-icon{font-size:18px;width:18px;height:18px;margin-left:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.pdx-date-range-panel{min-width:220px;max-width:300px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level2);border-radius:12px;padding:8px;outline:0}.pdx-shortcuts-list{display:flex;flex-direction:column;gap:4px}.pdx-date-shortcut{appearance:none;border:none;background:transparent;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;transition:background-color .2s}.pdx-date-shortcut:hover{background:var(--md-sys-color-primary-container)}.pdx-date-shortcut.--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.pdx-date-shortcut.--disabled{opacity:.5;cursor:not-allowed}.pdx-date-shortcut[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}.pdx-date-shortcut[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}.pdx-date-shortcut[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}.pdx-shortcut-content{display:flex;flex-direction:column;gap:2px;min-width:0}.pdx-shortcut-label{display:inline-flex;align-items:center;gap:6px;min-width:0;font-weight:500;font-size:14px}.pdx-shortcut-label mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.pdx-shortcut-range{font-size:11px;opacity:.7}.pdx-check-icon{font-size:18px;width:18px;height:18px;margin-left:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisDateRangeShortcutsOverlayComponent, decorators: [{
             type: Component,
@@ -6970,6 +6988,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             class="pdx-date-shortcut"
             [class.--active]="s.id === activeId"
             [class.--disabled]="s.disabled"
+            [attr.data-tone]="s.tone || 'neutral'"
             role="option"
             [attr.aria-selected]="s.id === activeId ? 'true' : 'false'"
             [disabled]="s.disabled"
@@ -6977,7 +6996,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             [title]="s.description || s.label"
           >
             <div class="pdx-shortcut-content">
-              <span class="pdx-shortcut-label">{{ s.label }}</span>
+              <span class="pdx-shortcut-label">
+                @if (s.icon) {
+                  <mat-icon aria-hidden="true">{{ s.icon }}</mat-icon>
+                }
+                <span>{{ s.label }}</span>
+              </span>
               @if (s.rangeDescription) {
                 <span class="pdx-shortcut-range">{{ s.rangeDescription }}</span>
               }
@@ -6989,7 +7013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         }
       </div>
     </div>
-  `, styles: [":host{display:block}.pdx-date-range-panel{min-width:220px;max-width:300px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level2);border-radius:12px;padding:8px;outline:0}.pdx-shortcuts-list{display:flex;flex-direction:column;gap:4px}.pdx-date-shortcut{appearance:none;border:none;background:transparent;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;transition:background-color .2s}.pdx-date-shortcut:hover{background:var(--md-sys-color-primary-container)}.pdx-date-shortcut.--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.pdx-date-shortcut.--disabled{opacity:.5;cursor:not-allowed}.pdx-shortcut-content{display:flex;flex-direction:column;gap:2px}.pdx-shortcut-label{font-weight:500;font-size:14px}.pdx-shortcut-range{font-size:11px;opacity:.7}.pdx-check-icon{font-size:18px;width:18px;height:18px;margin-left:8px}\n"] }]
+  `, styles: [":host{display:block}.pdx-date-range-panel{min-width:220px;max-width:300px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level2);border-radius:12px;padding:8px;outline:0}.pdx-shortcuts-list{display:flex;flex-direction:column;gap:4px}.pdx-date-shortcut{appearance:none;border:none;background:transparent;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;transition:background-color .2s}.pdx-date-shortcut:hover{background:var(--md-sys-color-primary-container)}.pdx-date-shortcut.--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.pdx-date-shortcut.--disabled{opacity:.5;cursor:not-allowed}.pdx-date-shortcut[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}.pdx-date-shortcut[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}.pdx-date-shortcut[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}.pdx-shortcut-content{display:flex;flex-direction:column;gap:2px;min-width:0}.pdx-shortcut-label{display:inline-flex;align-items:center;gap:6px;min-width:0;font-weight:500;font-size:14px}.pdx-shortcut-label mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.pdx-shortcut-range{font-size:11px;opacity:.7}.pdx-check-icon{font-size:18px;width:18px;height:18px;margin-left:8px}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], activeId: [{
@@ -7080,64 +7104,52 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
         ];
     }
     resolvedPresets = computed(() => {
-        const md = this.metadata();
         return resolveBuiltinPresets(this.resolveAdapterLocale(), this.dateAdapter, {
-            now: md?.nowProvider ? md.nowProvider() : new Date(),
-            timezone: md?.timezone,
-            startOfWeek: md?.startOfWeek,
-            minDate: typeof md?.minDate === 'string' ? new Date(md.minDate) : md?.minDate ?? null,
-            maxDate: typeof md?.maxDate === 'string' ? new Date(md.maxDate) : md?.maxDate ?? null,
-            dateFilter: md?.dateFilter,
+            ...this.dateRangePresetResolutionOptions(),
         });
     }, ...(ngDevMode ? [{ debugName: "resolvedPresets" }] : /* istanbul ignore next */ []));
     shortcutItems = computed(() => {
         const md = this.metadata();
         if (!md?.showShortcuts)
             return [];
-        const presets = this.resolvedPresets();
         const config = md.shortcuts ?? [];
         const i18n = md.i18nShortcuts ?? {};
         // Helper to format date range
-        const formatRange = (start, end) => {
+        const formatRange = (start, end, timeZone) => {
             if (!start || !end)
                 return '';
             const locale = this.resolveAdapterLocale();
-            const fmt = new Intl.DateTimeFormat(locale, { day: '2-digit', month: 'short' });
+            const fmt = new Intl.DateTimeFormat(locale, {
+                day: '2-digit',
+                month: 'short',
+                ...(timeZone ? { timeZone } : {}),
+            });
             return `${fmt.format(start)} - ${fmt.format(end)}`;
         };
         const items = [];
         // If config is empty but showShortcuts is true, use defaults
         const list = config.length
             ? config
-            : ['today', 'yesterday', 'thisWeek', 'lastWeek', 'thisMonth', 'lastMonth', 'thisYear', 'lastYear'];
+            : this.defaultDateRangeShortcutIds();
         for (const item of list) {
-            if (typeof item === 'string') {
-                const p = presets[item];
-                if (p) {
-                    // Calculate range to check validity and get description
-                    const { startDate, endDate } = p.calculateRange();
-                    const disabled = !startDate || !endDate; // Invalid range (e.g. out of min/max)
-                    items.push({
-                        id: p.id,
-                        label: i18n[item] || p.label,
-                        disabled,
-                        rangeDescription: disabled ? undefined : formatRange(startDate, endDate),
-                    });
-                }
-            }
-            else {
-                // Custom preset object
-                const { startDate, endDate } = item.calculateRange();
-                const disabled = !startDate || !endDate;
-                items.push({
-                    id: item.id,
-                    label: item.label,
-                    icon: item.icon, // Keep existing icon property for custom presets
-                    description: item.description, // Keep existing description property for custom presets
-                    disabled,
-                    rangeDescription: disabled ? undefined : formatRange(startDate, endDate),
-                });
+            const preset = this.resolveShortcutPreset(item);
+            if (!preset) {
+                continue;
             }
+            const range = preset.calculateRange();
+            const { startDate, endDate } = range;
+            const disabled = !startDate || !endDate;
+            const staticShortcut = this.asStaticShortcut(item);
+            const displayTimeZone = staticShortcut?.timeZone ?? range.timezone;
+            items.push({
+                id: preset.id,
+                label: typeof item === 'string' ? i18n[item] || preset.label : preset.label,
+                icon: preset.icon,
+                description: preset.description,
+                tone: staticShortcut?.tone,
+                disabled,
+                rangeDescription: disabled ? undefined : formatRange(startDate, endDate, displayTimeZone),
+            });
         }
         return items;
     }, ...(ngDevMode ? [{ debugName: "shortcutItems" }] : /* istanbul ignore next */ []));
@@ -7302,30 +7314,17 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
     onOverlayDetach() { this.overlayOpen = false; }
     onSelectPreset(id) {
         const md = this.metadata();
-        const builtins = resolveBuiltinPresets(this.resolveAdapterLocale(), this.dateAdapter, {
-            now: md?.nowProvider ? md.nowProvider() : new Date(),
-            timezone: md?.timezone,
-            startOfWeek: md?.startOfWeek,
-            minDate: typeof md?.minDate === 'string' ? new Date(md.minDate) : md?.minDate ?? null,
-            maxDate: typeof md?.maxDate === 'string' ? new Date(md.maxDate) : md?.maxDate ?? null,
-            dateFilter: md?.dateFilter,
-        });
-        let preset;
+        let preset = null;
         const fromConfig = (md?.shortcuts || []);
         for (const it of fromConfig) {
-            if (typeof it === 'string') {
-                if (it === id) {
-                    preset = builtins[it];
-                    break;
-                }
-            }
-            else if (it.id === id) {
-                preset = it;
+            const candidate = this.resolveShortcutPreset(it);
+            if (candidate?.id === id) {
+                preset = candidate;
                 break;
             }
         }
         if (!preset)
-            preset = builtins[id];
+            preset = this.resolvedPresets()[id] ?? null;
         if (!preset)
             return;
         const value = preset.calculateRange();
@@ -7340,6 +7339,36 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
             this.picker?.close();
         }
     }
+    defaultDateRangeShortcutIds() {
+        return ['today', 'yesterday', 'thisWeek', 'lastWeek', 'thisMonth', 'lastMonth', 'thisYear', 'lastYear'];
+    }
+    dateRangePresetResolutionOptions() {
+        const md = this.metadata();
+        const now = md?.nowProvider ? md.nowProvider() : new Date();
+        return {
+            now,
+            referenceDate: now,
+            timezone: md?.timezone,
+            startOfWeek: md?.startOfWeek,
+            minDate: typeof md?.minDate === 'string' ? new Date(md.minDate) : md?.minDate ?? null,
+            maxDate: typeof md?.maxDate === 'string' ? new Date(md.maxDate) : md?.maxDate ?? null,
+            dateFilter: md?.dateFilter,
+        };
+    }
+    resolveShortcutPreset(shortcut) {
+        return resolveDateRangeShortcutPreset(shortcut, this.resolvedPresets(), this.dateRangePresetResolutionOptions());
+    }
+    asStaticShortcut(shortcut) {
+        if (shortcut &&
+            typeof shortcut === 'object' &&
+            !Array.isArray(shortcut) &&
+            typeof shortcut.startDate === 'string' &&
+            typeof shortcut.endDate === 'string' &&
+            typeof shortcut.calculateRange !== 'function') {
+            return shortcut;
+        }
+        return null;
+    }
     normalizeDateRangeValue(value) {
         if (value === null || value === undefined) {
             return null;
@@ -19303,7 +19332,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
         <mat-hint>{{ fieldHelpInlineText() }}</mat-hint>
       }
     </mat-form-field>
-    `, isInline: true, styles: [".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}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-material-select-panel{--pdx-material-select-panel-surface: var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, light-dark(#ffffff, #121c28)) );--pdx-material-select-panel-on-surface: var( --pdx-overlay-on-surface, var(--md-sys-color-on-surface, #111827) );--mat-select-panel-background-color: var(--pdx-material-select-panel-surface);--mat-option-label-text-color: var(--pdx-material-select-panel-on-surface);--mat-option-selected-state-label-text-color: var(--md-sys-color-primary, #2563eb);--mat-option-selected-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 12%, var(--pdx-material-select-panel-surface) );--mat-option-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 8%, var(--pdx-material-select-panel-surface) );--mat-option-focus-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 10%, var(--pdx-material-select-panel-surface) );background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border:1px solid var(--md-sys-color-outline-variant, rgba(148, 163, 184, .38))!important;box-shadow:var(--md-sys-elevation-level3, 0 18px 44px rgba(15, 23, 42, .18))!important;color:var(--pdx-material-select-panel-on-surface)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel) div.mat-mdc-select-panel.pdx-material-select-panel{background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border-radius:8px!important;overflow:auto!important}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--md-sys-color-surface-container-highest)) );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;position:sticky;top:0;z-index:1}::ng-deep .pdx-material-select-panel .pdx-select-search-option input{background:var( --pdx-field-surface, color-mix( in srgb, var(--pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--md-sys-color-surface-container-highest))) 82%, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 8% ) );border:1px solid var( --pdx-field-border, color-mix( in srgb, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 22%, transparent ) );border-radius:12px;box-sizing:border-box;color:var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) );min-height:38px;padding:0 12px;width:100%}::ng-deep .pdx-material-select-panel .pdx-select-search-option input::placeholder{color:color-mix(in srgb,var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) ) 68%,transparent)}::ng-deep .pdx-material-select-panel .pdx-select-search-option input:focus{border-color:var(--pdx-field-focus-border, var(--md-sys-color-primary, var(--mat-select-focused-arrow-color)));outline:1px solid var( --pdx-field-focus-ring, color-mix(in srgb, var(--md-sys-color-primary, currentColor) 32%, transparent) );outline-offset:0}::ng-deep .pdx-material-select-panel .mat-mdc-option{min-height:48px;height:auto}::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-material-select-panel-on-surface) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$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: "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: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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"] }] });
+    `, isInline: true, styles: [".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 .cdk-overlay-connected-position-bounding-box:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-material-select-panel{--pdx-material-select-panel-surface: var( --pdx-overlay-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, light-dark(#ffffff, #121c28))) );--pdx-material-select-panel-on-surface: var( --pdx-overlay-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, #111827)) );--mat-select-panel-background-color: var(--pdx-material-select-panel-surface);--mat-option-label-text-color: var(--pdx-material-select-panel-on-surface);--mat-option-selected-state-label-text-color: var(--md-sys-color-primary, #2563eb);--mat-option-selected-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 12%, var(--pdx-material-select-panel-surface) );--mat-option-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 8%, var(--pdx-material-select-panel-surface) );--mat-option-focus-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 10%, var(--pdx-material-select-panel-surface) );background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .38)))!important;box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3, 0 18px 44px rgba(15, 23, 42, .18)))!important;color:var(--pdx-material-select-panel-on-surface)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel) div.mat-mdc-select-panel.pdx-material-select-panel{background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border-radius:8px!important;overflow:auto!important}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--pdx-material-select-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;position:sticky;top:0;z-index:1}::ng-deep .pdx-material-select-panel .pdx-select-search-option input{background:var( --pdx-field-surface, color-mix( in srgb, var(--pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--md-sys-color-surface-container-highest))) 82%, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 8% ) );border:1px solid var( --pdx-field-border, color-mix( in srgb, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 22%, transparent ) );border-radius:12px;box-sizing:border-box;color:var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) );min-height:38px;padding:0 12px;width:100%}::ng-deep .pdx-material-select-panel .pdx-select-search-option input::placeholder{color:color-mix(in srgb,var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) ) 68%,transparent)}::ng-deep .pdx-material-select-panel .pdx-select-search-option input:focus{border-color:var(--pdx-field-focus-border, var(--praxis-theme-focus-outline, var(--md-sys-color-primary, var(--mat-select-focused-arrow-color))));outline:1px solid var( --pdx-field-focus-ring, color-mix(in srgb, var(--praxis-theme-focus-outline, var(--md-sys-color-primary, currentColor)) 32%, transparent) );outline-offset:0}::ng-deep .pdx-material-select-panel .mat-mdc-option{min-height:48px;height:auto}::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-material-select-panel-on-surface) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$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: "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: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSelectComponent, decorators: [{
             type: Component,
@@ -19470,7 +19499,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[attr.data-field-type]': '"select"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [".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}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-material-select-panel{--pdx-material-select-panel-surface: var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, light-dark(#ffffff, #121c28)) );--pdx-material-select-panel-on-surface: var( --pdx-overlay-on-surface, var(--md-sys-color-on-surface, #111827) );--mat-select-panel-background-color: var(--pdx-material-select-panel-surface);--mat-option-label-text-color: var(--pdx-material-select-panel-on-surface);--mat-option-selected-state-label-text-color: var(--md-sys-color-primary, #2563eb);--mat-option-selected-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 12%, var(--pdx-material-select-panel-surface) );--mat-option-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 8%, var(--pdx-material-select-panel-surface) );--mat-option-focus-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 10%, var(--pdx-material-select-panel-surface) );background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border:1px solid var(--md-sys-color-outline-variant, rgba(148, 163, 184, .38))!important;box-shadow:var(--md-sys-elevation-level3, 0 18px 44px rgba(15, 23, 42, .18))!important;color:var(--pdx-material-select-panel-on-surface)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel) div.mat-mdc-select-panel.pdx-material-select-panel{background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border-radius:8px!important;overflow:auto!important}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--md-sys-color-surface-container-highest)) );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;position:sticky;top:0;z-index:1}::ng-deep .pdx-material-select-panel .pdx-select-search-option input{background:var( --pdx-field-surface, color-mix( in srgb, var(--pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--md-sys-color-surface-container-highest))) 82%, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 8% ) );border:1px solid var( --pdx-field-border, color-mix( in srgb, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 22%, transparent ) );border-radius:12px;box-sizing:border-box;color:var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) );min-height:38px;padding:0 12px;width:100%}::ng-deep .pdx-material-select-panel .pdx-select-search-option input::placeholder{color:color-mix(in srgb,var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) ) 68%,transparent)}::ng-deep .pdx-material-select-panel .pdx-select-search-option input:focus{border-color:var(--pdx-field-focus-border, var(--md-sys-color-primary, var(--mat-select-focused-arrow-color)));outline:1px solid var( --pdx-field-focus-ring, color-mix(in srgb, var(--md-sys-color-primary, currentColor) 32%, transparent) );outline-offset:0}::ng-deep .pdx-material-select-panel .mat-mdc-option{min-height:48px;height:auto}::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-material-select-panel-on-surface) 68%,transparent);font-size:.75rem}\n"] }]
+                    }, styles: [".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 .cdk-overlay-connected-position-bounding-box:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-material-select-panel{--pdx-material-select-panel-surface: var( --pdx-overlay-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, light-dark(#ffffff, #121c28))) );--pdx-material-select-panel-on-surface: var( --pdx-overlay-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, #111827)) );--mat-select-panel-background-color: var(--pdx-material-select-panel-surface);--mat-option-label-text-color: var(--pdx-material-select-panel-on-surface);--mat-option-selected-state-label-text-color: var(--md-sys-color-primary, #2563eb);--mat-option-selected-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 12%, var(--pdx-material-select-panel-surface) );--mat-option-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 8%, var(--pdx-material-select-panel-surface) );--mat-option-focus-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 10%, var(--pdx-material-select-panel-surface) );background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .38)))!important;box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3, 0 18px 44px rgba(15, 23, 42, .18)))!important;color:var(--pdx-material-select-panel-on-surface)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel) div.mat-mdc-select-panel.pdx-material-select-panel{background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border-radius:8px!important;overflow:auto!important}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--pdx-material-select-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;position:sticky;top:0;z-index:1}::ng-deep .pdx-material-select-panel .pdx-select-search-option input{background:var( --pdx-field-surface, color-mix( in srgb, var(--pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--md-sys-color-surface-container-highest))) 82%, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 8% ) );border:1px solid var( --pdx-field-border, color-mix( in srgb, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 22%, transparent ) );border-radius:12px;box-sizing:border-box;color:var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) );min-height:38px;padding:0 12px;width:100%}::ng-deep .pdx-material-select-panel .pdx-select-search-option input::placeholder{color:color-mix(in srgb,var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) ) 68%,transparent)}::ng-deep .pdx-material-select-panel .pdx-select-search-option input:focus{border-color:var(--pdx-field-focus-border, var(--praxis-theme-focus-outline, var(--md-sys-color-primary, var(--mat-select-focused-arrow-color))));outline:1px solid var( --pdx-field-focus-ring, color-mix(in srgb, var(--praxis-theme-focus-outline, var(--md-sys-color-primary, currentColor)) 32%, transparent) );outline-offset:0}::ng-deep .pdx-material-select-panel .mat-mdc-option{min-height:48px;height:auto}::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-material-select-panel-on-surface) 68%,transparent);font-size:.75rem}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -37538,9 +37567,14 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     overlayCommittedInSession = false;
     overlayBaseline = null;
     draftPresetId = null;
+    draftPresetRange = null;
+    applyCommitTimeoutId = null;
     autoApplyCalendarClickTeardown = null;
     overlayActionsContainerClass = 'pdx-inline-date-range-overlay-actions-container';
     overlayActionsDensityClassPrefix = 'pdx-inline-date-range-overlay-actions-container--';
+    overlayActionsPositionClassPrefix = 'pdx-inline-date-range-overlay-actions-container--position-';
+    overlayContentPositionClassPrefix = 'pdx-inline-date-range-content--shortcuts-';
+    overlayShortcutRailClass = 'pdx-inline-date-range-shortcut-rail';
     defaultInlineShortcutIds = [
         'today',
         'thisWeek',
@@ -37581,6 +37615,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     }
     onComponentInit() {
         super.onComponentInit?.();
+        this.destroyRef.onDestroy(() => this.clearApplyCommitTimeout());
         this.rangeGroup.valueChanges
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe(() => this.scheduleInlineResize());
@@ -37602,6 +37637,9 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     }
     onViewportResize() {
         this.scheduleInlineResize();
+        if (this.overlayOpen) {
+            this.scheduleOverlayActionsContainerSync();
+        }
     }
     getSpecificCssClasses() {
         return ['pdx-material-date-range', 'pdx-inline-date-range'];
@@ -37641,7 +37679,6 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         if (!config.enabled) {
             return [];
         }
-        const presets = this.resolvedPresets();
         const i18n = metadata.i18nShortcuts || {};
         const configured = Array.isArray(metadata.shortcuts)
             ? metadata.shortcuts
@@ -37651,89 +37688,30 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
             : this.defaultInlineShortcutIds;
         const items = [];
         for (const item of list) {
-            if (typeof item === 'string') {
-                const preset = presets[item];
-                if (!preset) {
-                    continue;
-                }
-                const range = preset.calculateRange();
-                const startDate = this.coerceDate(range.startDate);
-                const endDate = this.coerceDate(range.endDate);
-                const disabled = !startDate || !endDate;
-                items.push({
-                    id: preset.id,
-                    label: i18n[item] || preset.label,
-                    disabled,
-                    rangeDescription: disabled
-                        ? undefined
-                        : `${this.formatDate(startDate)} - ${this.formatDate(endDate)}`,
-                    startDate,
-                    endDate,
-                });
-            }
-            else if (item && typeof item.calculateRange === 'function') {
-                const customPreset = item;
-                const range = customPreset.calculateRange();
-                const startDate = this.coerceDate(range.startDate);
-                const endDate = this.coerceDate(range.endDate);
-                const disabled = !startDate || !endDate;
-                items.push({
-                    id: customPreset.id,
-                    label: customPreset.label,
-                    icon: customPreset.icon,
-                    disabled,
-                    rangeDescription: disabled
-                        ? undefined
-                        : `${this.formatDate(startDate)} - ${this.formatDate(endDate)}`,
-                    startDate,
-                    endDate,
-                });
+            const preset = this.resolveShortcutPreset(item);
+            if (!preset) {
+                continue;
             }
+            items.push(this.toInlineQuickPreset(item, preset, i18n));
             if (items.length >= config.maxVisible) {
                 break;
             }
         }
         if (!items.length) {
             for (const fallbackId of this.defaultInlineShortcutIds) {
-                const preset = presets[fallbackId];
+                const preset = this.resolveShortcutPreset(fallbackId);
                 if (!preset) {
                     continue;
                 }
-                const range = preset.calculateRange();
-                const startDate = this.coerceDate(range.startDate);
-                const endDate = this.coerceDate(range.endDate);
-                const disabled = !startDate || !endDate;
-                items.push({
-                    id: preset.id,
-                    label: i18n[fallbackId] || preset.label,
-                    disabled,
-                    rangeDescription: disabled
-                        ? undefined
-                        : `${this.formatDate(startDate)} - ${this.formatDate(endDate)}`,
-                    startDate,
-                    endDate,
-                });
+                items.push(this.toInlineQuickPreset(fallbackId, preset, i18n));
                 if (items.length >= config.maxVisible) {
                     break;
                 }
             }
         }
         if (!items.length) {
-            for (const preset of Object.values(presets)) {
-                const range = preset.calculateRange();
-                const startDate = this.coerceDate(range.startDate);
-                const endDate = this.coerceDate(range.endDate);
-                const disabled = !startDate || !endDate;
-                items.push({
-                    id: preset.id,
-                    label: preset.label,
-                    disabled,
-                    rangeDescription: disabled
-                        ? undefined
-                        : `${this.formatDate(startDate)} - ${this.formatDate(endDate)}`,
-                    startDate,
-                    endDate,
-                });
+            for (const preset of Object.values(this.resolvedPresets())) {
+                items.push(this.toInlineQuickPreset(preset, preset, i18n));
                 if (items.length >= config.maxVisible) {
                     break;
                 }
@@ -37741,6 +37719,28 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         }
         return items;
     }
+    toInlineQuickPreset(source, preset, i18n) {
+        const range = preset.calculateRange();
+        const startDate = this.coerceDate(range.startDate);
+        const endDate = this.coerceDate(range.endDate);
+        const disabled = !startDate || !endDate;
+        const staticShortcut = this.asStaticShortcut(source);
+        const displayTimeZone = staticShortcut?.timeZone ?? range.timezone;
+        return {
+            id: preset.id,
+            label: typeof source === 'string' ? i18n[source] || preset.label : preset.label,
+            icon: preset.icon,
+            description: preset.description,
+            tone: staticShortcut?.tone,
+            disabled,
+            timeZone: displayTimeZone,
+            rangeDescription: disabled
+                ? undefined
+                : `${this.formatDate(startDate, displayTimeZone)} - ${this.formatDate(endDate, displayTimeZone)}`,
+            startDate,
+            endDate,
+        };
+    }
     quickPresetsAriaLabel() {
         const custom = String(this.currentMetadata().inlineQuickPresetsAriaLabel || '').trim();
         if (custom)
@@ -37797,6 +37797,45 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     shouldRenderOverlayActions() {
         return this.inlineQuickPresetsApplyMode() === 'confirm';
     }
+    shouldRenderSelectionSummary() {
+        const start = this.coerceDate(this.rangeGroup.get('start')?.value);
+        const end = this.coerceDate(this.rangeGroup.get('end')?.value);
+        return this.shouldRenderOverlayActions() && (!!start || !!end || !!this.draftPresetId);
+    }
+    overlayDraftHasCompleteRange() {
+        const start = this.coerceDate(this.rangeGroup.get('start')?.value);
+        const end = this.coerceDate(this.rangeGroup.get('end')?.value);
+        return !!start && !!end;
+    }
+    overlaySelectionSummary() {
+        const start = this.coerceDate(this.rangeGroup.get('start')?.value);
+        const end = this.coerceDate(this.rangeGroup.get('end')?.value);
+        const preset = this.activeDraftPreset();
+        const timezone = preset?.timeZone;
+        const startValue = start
+            ? this.formatDate(start, timezone)
+            : this.tDynamicFields('inlineDateRange.selectionPending', 'Pendente');
+        const endValue = end
+            ? this.formatDate(end, timezone)
+            : this.tDynamicFields('inlineDateRange.selectionPending', 'Pendente');
+        const rangeDescription = start && end
+            ? `${startValue} - ${endValue}`
+            : this.tDynamicFields('inlineDateRange.selectionIncomplete', 'Seleção incompleta');
+        const title = preset?.label
+            || this.tDynamicFields('inlineDateRange.selectionSummaryTitle', 'Selecionado');
+        const startLabel = this.tDynamicFields('inlineDateRange.selectionStartLabel', 'Início');
+        const endLabel = this.tDynamicFields('inlineDateRange.selectionEndLabel', 'Fim');
+        return {
+            ariaLabel: this.tDynamicFields('inlineDateRange.selectionSummaryAriaLabel', '{{title}}: {{startLabel}} {{startValue}}, {{endLabel}} {{endValue}}', { title, startLabel, startValue, endLabel, endValue }),
+            description: preset?.description,
+            endLabel,
+            endValue,
+            rangeDescription,
+            startLabel,
+            startValue,
+            title,
+        };
+    }
     inlineQuickPresetsApplyMode() {
         const metadata = this.currentMetadata();
         const overlayApplyMode = String(metadata?.inlineOverlay?.applyMode || '')
@@ -37828,6 +37867,20 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
             ? candidate
             : null;
     }
+    activeDraftPreset() {
+        const start = this.coerceDate(this.rangeGroup.get('start')?.value);
+        const end = this.coerceDate(this.rangeGroup.get('end')?.value);
+        const presets = this.inlineQuickPresets();
+        if (this.draftPresetId) {
+            const exact = presets.find((preset) => preset.id === this.draftPresetId);
+            if (exact &&
+                this.isSameDate(start, exact.startDate) &&
+                this.isSameDate(end, exact.endDate)) {
+                return exact;
+            }
+        }
+        return presets.find((preset) => this.isSameDate(start, preset.startDate) && this.isSameDate(end, preset.endDate)) ?? null;
+    }
     presetAriaLabel(preset) {
         const rangeHint = preset.rangeDescription ? ` (${preset.rangeDescription})` : '';
         const modeHint = this.inlineQuickPresetsApplyMode() === 'auto'
@@ -37882,17 +37935,26 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
             return;
         }
         const value = resolved.calculateRange();
-        if (!value.startDate || !value.endDate) {
+        const startDate = this.coerceDate(preset.startDate) ?? this.coerceDate(value.startDate);
+        const endDate = this.coerceDate(preset.endDate) ?? this.coerceDate(value.endDate);
+        if (!startDate || !endDate) {
             return;
         }
         this.rangeGroup.setValue({
-            start: value.startDate,
-            end: value.endDate,
+            start: startDate,
+            end: endDate,
         }, { emitEvent: false });
         this.draftPresetId = preset.id;
+        this.draftPresetRange = {
+            startDate,
+            endDate,
+        };
+        this.syncPickerSelectionModel(startDate, endDate);
         if (this.inlineQuickPresetsApplyMode() === 'auto') {
             this.commitDateRangeValue({
                 ...value,
+                startDate,
+                endDate,
                 preset: preset.id,
                 label: resolved.label,
             });
@@ -37903,6 +37965,18 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         }
         this.scheduleInlineResize();
     }
+    syncPickerSelectionModel(startDate, endDate) {
+        const picker = this.pickerRef;
+        const selection = new DateRange(startDate, endDate);
+        picker?._model?.updateSelection?.(selection, this);
+        const content = picker?._componentRef?.instance;
+        content?._model?.updateSelection?.(selection, this);
+        if (content?._calendar) {
+            content._calendar.activeDate = startDate;
+        }
+        content?._changeDetectorRef?.markForCheck?.();
+        content?._changeDetectorRef?.detectChanges?.();
+    }
     isInteractionBlocked() {
         return this.isInteractionBlockedByState();
     }
@@ -37943,6 +38017,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         this.onClearClick();
         this.rangeGroup.setValue({ start: null, end: null }, { emitEvent: false });
         this.draftPresetId = null;
+        this.draftPresetRange = null;
         this.overlayBaseline = null;
         this.overlayCommittedInSession = true;
         this.scheduleInlineResize();
@@ -37979,6 +38054,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         this.overlayBaseline = this.cloneDateRangeValue(this.control().value);
         const currentValue = this.control().value;
         this.draftPresetId = String(currentValue?.preset || '').trim() || null;
+        this.draftPresetRange = null;
         this.scheduleOverlayActionsContainerSync();
         this.syncAutoApplyCalendarBinding();
     }
@@ -37992,27 +38068,35 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         this.overlayCommittedInSession = false;
         this.overlayBaseline = null;
         this.draftPresetId = null;
+        this.draftPresetRange = null;
         this.scheduleInlineResize();
     }
     onOverlayApplyAction() {
         if (this.inlineQuickPresetsApplyMode() !== 'confirm' || this.isInteractionBlocked()) {
             return;
         }
-        const committed = this.currentRangeGroupValue();
         const presetId = this.draftPresetId || undefined;
         const resolved = presetId ? this.resolvePresetById(presetId) : null;
-        this.commitDateRangeValue({
+        const committed = this.draftPresetRange ?? this.currentRangeGroupValue();
+        const value = {
             ...committed,
             preset: presetId,
             label: resolved?.label,
-        });
+        };
+        this.commitDateRangeValue(value);
         this.overlayCommittedInSession = true;
+        this.clearApplyCommitTimeout();
+        this.applyCommitTimeoutId = window.setTimeout(() => {
+            this.applyCommitTimeoutId = null;
+            this.commitDateRangeValue(value);
+        }, 0);
     }
     onOverlayCancelAction() {
         if (this.inlineQuickPresetsApplyMode() !== 'confirm') {
             return;
         }
         this.overlayCommittedInSession = false;
+        this.draftPresetRange = null;
         this.restoreBaselineSelection();
     }
     placeholderText() {
@@ -38070,6 +38154,12 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         this.setValue(value);
         this.overlayCommittedInSession = true;
     }
+    clearApplyCommitTimeout() {
+        if (this.applyCommitTimeoutId !== null) {
+            window.clearTimeout(this.applyCommitTimeoutId);
+            this.applyCommitTimeoutId = null;
+        }
+    }
     currentRangeGroupValue() {
         return {
             startDate: this.coerceDate(this.rangeGroup.get('start')?.value) ?? null,
@@ -38146,11 +38236,11 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         const parsed = new Date(raw);
         return Number.isNaN(parsed.getTime()) ? null : parsed;
     }
-    formatDate(value) {
+    formatDate(value, timeZone) {
         if (!(value instanceof Date) || Number.isNaN(value.getTime())) {
             return '';
         }
-        return new Intl.DateTimeFormat('pt-BR').format(value);
+        return new Intl.DateTimeFormat('pt-BR', timeZone ? { timeZone } : undefined).format(value);
     }
     isSameDate(a, b) {
         if (!a || !b) {
@@ -38163,17 +38253,18 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     resolveInlineQuickPresetConfig(metadata) {
         const raw = metadata.inlineQuickPresets;
         if (raw === false) {
-            return { enabled: false, maxVisible: 0 };
+            return { enabled: false, maxVisible: 0, position: 'auto' };
         }
         if (raw === true) {
-            return { enabled: true, maxVisible: 5 };
+            return { enabled: true, maxVisible: 5, position: 'auto' };
         }
         if (raw && typeof raw === 'object') {
             const enabled = raw.enabled ?? true;
             const maxVisible = this.parsePositiveInt(raw.maxVisible, 5, 8);
-            return { enabled, maxVisible };
+            const position = this.normalizeInlineQuickPresetPosition(raw.position);
+            return { enabled, maxVisible, position };
         }
-        return { enabled: true, maxVisible: 5 };
+        return { enabled: true, maxVisible: 5, position: 'auto' };
     }
     parsePositiveInt(value, fallback, max) {
         const parsed = Number.parseInt(String(value ?? ''), 10);
@@ -38187,17 +38278,44 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         const builtins = this.resolvedPresets();
         const configured = (metadata.shortcuts || []);
         for (const item of configured) {
-            if (typeof item === 'string') {
-                if (item === id && builtins[item]) {
-                    return builtins[item];
-                }
-            }
-            else if (item?.id === id) {
-                return item;
+            const preset = this.resolveShortcutPreset(item);
+            if (preset?.id === id) {
+                return preset;
             }
         }
         return builtins[id] || null;
     }
+    inlineQuickPresetsPosition() {
+        return this.resolveInlineQuickPresetConfig(this.currentMetadata()).position;
+    }
+    inlineQuickPresetsEffectivePosition() {
+        const requested = this.inlineQuickPresetsPosition();
+        if (requested === 'footer') {
+            return 'footer';
+        }
+        if (!this.canUseSideQuickPresetLayout()) {
+            return 'footer';
+        }
+        if (requested === 'start' || requested === 'end') {
+            return requested;
+        }
+        return this.inlineQuickPresets().length > 2 ? 'start' : 'footer';
+    }
+    normalizeInlineQuickPresetPosition(value) {
+        const normalized = String(value || '').trim().toLowerCase();
+        return normalized === 'footer' ||
+            normalized === 'start' ||
+            normalized === 'end' ||
+            normalized === 'auto'
+            ? normalized
+            : 'auto';
+    }
+    canUseSideQuickPresetLayout() {
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        return window.innerWidth >= 640 && !this.currentMetadata().touchUi;
+    }
     scheduleInlineResize() {
         if (typeof window === 'undefined') {
             return;
@@ -38316,6 +38434,11 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         const prefix = this.overlayActionsDensityClassPrefix;
         actions.classList.remove(`${prefix}compact`, `${prefix}dense`, `${prefix}comfortable`);
         actions.classList.add(`${prefix}${this.resolveDensityProfile()}`);
+        const position = this.inlineQuickPresetsEffectivePosition();
+        const positionPrefix = this.overlayActionsPositionClassPrefix;
+        actions.classList.remove(`${positionPrefix}footer`, `${positionPrefix}start`, `${positionPrefix}end`);
+        actions.classList.add(`${positionPrefix}${position}`);
+        this.syncQuickPresetComposition(actions, position);
     }
     findOverlayActionsContainer() {
         if (typeof document === 'undefined') {
@@ -38324,14 +38447,80 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         const nodes = Array.from(document.querySelectorAll('.mat-datepicker-content .mat-datepicker-actions'));
         for (let i = nodes.length - 1; i >= 0; i--) {
             const candidate = nodes[i];
-            const hasInlineActions = candidate.querySelector('.pdx-inline-date-range-overlay-presets') !== null &&
-                candidate.querySelector('.pdx-inline-date-range-overlay-buttons') !== null;
+            const content = candidate.closest('.mat-datepicker-content-container');
+            const hasInlineActions = candidate.querySelector('.pdx-inline-date-range-overlay-buttons') !== null &&
+                !!content?.querySelector('.pdx-inline-date-range-overlay-presets');
             if (hasInlineActions) {
                 return candidate;
             }
         }
         return null;
     }
+    syncQuickPresetComposition(actions, position) {
+        const content = actions.closest('.mat-datepicker-content-container');
+        const panel = content?.querySelector('.pdx-inline-date-range-panel');
+        const presetsInActions = actions.querySelector('.pdx-inline-date-range-overlay-presets');
+        const presetsInRail = content?.querySelector(`.${this.overlayShortcutRailClass} .pdx-inline-date-range-overlay-presets`);
+        const presets = presetsInActions ?? presetsInRail;
+        if (!content || !panel || !presets) {
+            return;
+        }
+        const contentPrefix = this.overlayContentPositionClassPrefix;
+        content.classList.remove(`${contentPrefix}footer`, `${contentPrefix}start`, `${contentPrefix}end`, 'pdx-inline-date-range-content--with-shortcut-rail', 'pdx-inline-date-range-content--physical-start', 'pdx-inline-date-range-content--physical-end');
+        content.classList.add(`${contentPrefix}${position}`);
+        if (position === 'footer') {
+            const rail = presets.closest(`.${this.overlayShortcutRailClass}`);
+            const buttons = actions.querySelector('.pdx-inline-date-range-overlay-buttons');
+            if (presets.parentElement !== actions) {
+                actions.insertBefore(presets, buttons ?? null);
+            }
+            rail?.remove();
+            return;
+        }
+        content.classList.add('pdx-inline-date-range-content--with-shortcut-rail');
+        const rail = this.ensureQuickPresetRail(content);
+        if (presets.parentElement !== rail) {
+            rail.appendChild(presets);
+        }
+        const physicalPosition = this.resolvePhysicalQuickPresetPosition(position);
+        content.classList.add(`pdx-inline-date-range-content--physical-${physicalPosition}`);
+        if (physicalPosition === 'start') {
+            content.insertBefore(rail, panel);
+        }
+        else {
+            const next = panel.nextSibling;
+            if (next !== rail) {
+                content.insertBefore(rail, next);
+            }
+        }
+    }
+    ensureQuickPresetRail(content) {
+        const existing = content.querySelector(`.${this.overlayShortcutRailClass}`);
+        if (existing) {
+            return existing;
+        }
+        const rail = document.createElement('div');
+        rail.className = this.overlayShortcutRailClass;
+        return rail;
+    }
+    resolvePhysicalQuickPresetPosition(position) {
+        const dir = this.resolveDocumentDirection();
+        if (position === 'start') {
+            return dir === 'rtl' ? 'end' : 'start';
+        }
+        return dir === 'rtl' ? 'start' : 'end';
+    }
+    resolveDocumentDirection() {
+        if (typeof document === 'undefined') {
+            return 'ltr';
+        }
+        const host = this.elementRef.nativeElement;
+        const dirHost = host?.closest('[dir]');
+        const dir = (dirHost?.getAttribute('dir') || document.documentElement.getAttribute('dir') || 'ltr')
+            .trim()
+            .toLowerCase();
+        return dir === 'rtl' ? 'rtl' : 'ltr';
+    }
     syncAutoApplyCalendarBinding() {
         this.unbindAutoApplyCalendarBinding();
         if (this.inlineQuickPresetsApplyMode() !== 'auto' || typeof document === 'undefined') {
@@ -38595,6 +38784,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
                       type="button"
                       class="pdx-inline-date-range-preset"
                       [class.is-active]="isPresetActive(preset)"
+                      [attr.data-tone]="preset.tone || 'neutral'"
                       [disabled]="preset.disabled || isInteractionBlocked()"
                       [attr.aria-label]="presetAriaLabel(preset)"
                       [matTooltip]="presetTooltip(preset)"
@@ -38606,12 +38796,52 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
                       @if (preset.icon) {
                         <mat-icon aria-hidden="true">{{ preset.icon }}</mat-icon>
                       }
-                      <span class="pdx-inline-date-range-preset-label">{{ preset.label }}</span>
+                      <span class="pdx-inline-date-range-preset-copy">
+                        <span class="pdx-inline-date-range-preset-label">{{ preset.label }}</span>
+                        @if (preset.rangeDescription) {
+                          <span class="pdx-inline-date-range-preset-range">{{ preset.rangeDescription }}</span>
+                        }
+                      </span>
                     </button>
                   }
                 </div>
               }
 
+              @if (shouldRenderSelectionSummary()) {
+                @let summary = overlaySelectionSummary();
+                <div
+                  class="pdx-inline-date-range-selection-summary"
+                  aria-live="polite"
+                  [attr.aria-label]="summary.ariaLabel"
+                >
+                  <div class="pdx-inline-date-range-selection-summary-title">
+                    {{ summary.title }}
+                  </div>
+                  @if (summary.description) {
+                    <div class="pdx-inline-date-range-selection-summary-description">
+                      {{ summary.description }}
+                    </div>
+                  }
+                  <div class="pdx-inline-date-range-selection-summary-values">
+                    <span class="pdx-inline-date-range-selection-summary-value">
+                      <span class="pdx-inline-date-range-selection-summary-label">
+                        {{ summary.startLabel }}
+                      </span>
+                      <span>{{ summary.startValue }}</span>
+                    </span>
+                    <span class="pdx-inline-date-range-selection-summary-value">
+                      <span class="pdx-inline-date-range-selection-summary-label">
+                        {{ summary.endLabel }}
+                      </span>
+                      <span>{{ summary.endValue }}</span>
+                    </span>
+                  </div>
+                  <div class="pdx-inline-date-range-selection-summary-range">
+                    {{ summary.rangeDescription }}
+                  </div>
+                </div>
+              }
+
               <div
                 class="pdx-inline-date-range-overlay-buttons"
                 role="group"
@@ -38637,6 +38867,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
                   [attr.data-appearance]="applyPanelActionAppearance()"
                   [attr.data-color-role]="applyPanelActionColorRole()"
                   [attr.aria-label]="overlayApplyAriaLabel()"
+                  [disabled]="!overlayDraftHasCompleteRange() || isInteractionBlocked()"
                   (click)="onOverlayApplyAction()"
                 >
                   {{ overlayApplyLabel() }}
@@ -38647,7 +38878,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: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height: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-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\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-height:var(--pdx-inline-control-height-mobile, 40px);max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height: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-preset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height: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 .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: 168px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 156px;--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: 176px;--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: 168px;--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: 156px;--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: 176px;--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: 248px;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(620px,calc(100vw - 24px));min-width:min(620px,calc(100vw - 24px));max-width:min(620px,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{grid-column:1 / -1}::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}::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:360px;display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow:auto;overscroll-behavior:contain}::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-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height: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-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:48px;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;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}::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}::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-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:48px;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;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}::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}::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 .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,
@@ -38805,6 +39036,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       type="button"
                       class="pdx-inline-date-range-preset"
                       [class.is-active]="isPresetActive(preset)"
+                      [attr.data-tone]="preset.tone || 'neutral'"
                       [disabled]="preset.disabled || isInteractionBlocked()"
                       [attr.aria-label]="presetAriaLabel(preset)"
                       [matTooltip]="presetTooltip(preset)"
@@ -38816,12 +39048,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       @if (preset.icon) {
                         <mat-icon aria-hidden="true">{{ preset.icon }}</mat-icon>
                       }
-                      <span class="pdx-inline-date-range-preset-label">{{ preset.label }}</span>
+                      <span class="pdx-inline-date-range-preset-copy">
+                        <span class="pdx-inline-date-range-preset-label">{{ preset.label }}</span>
+                        @if (preset.rangeDescription) {
+                          <span class="pdx-inline-date-range-preset-range">{{ preset.rangeDescription }}</span>
+                        }
+                      </span>
                     </button>
                   }
                 </div>
               }
 
+              @if (shouldRenderSelectionSummary()) {
+                @let summary = overlaySelectionSummary();
+                <div
+                  class="pdx-inline-date-range-selection-summary"
+                  aria-live="polite"
+                  [attr.aria-label]="summary.ariaLabel"
+                >
+                  <div class="pdx-inline-date-range-selection-summary-title">
+                    {{ summary.title }}
+                  </div>
+                  @if (summary.description) {
+                    <div class="pdx-inline-date-range-selection-summary-description">
+                      {{ summary.description }}
+                    </div>
+                  }
+                  <div class="pdx-inline-date-range-selection-summary-values">
+                    <span class="pdx-inline-date-range-selection-summary-value">
+                      <span class="pdx-inline-date-range-selection-summary-label">
+                        {{ summary.startLabel }}
+                      </span>
+                      <span>{{ summary.startValue }}</span>
+                    </span>
+                    <span class="pdx-inline-date-range-selection-summary-value">
+                      <span class="pdx-inline-date-range-selection-summary-label">
+                        {{ summary.endLabel }}
+                      </span>
+                      <span>{{ summary.endValue }}</span>
+                    </span>
+                  </div>
+                  <div class="pdx-inline-date-range-selection-summary-range">
+                    {{ summary.rangeDescription }}
+                  </div>
+                </div>
+              }
+
               <div
                 class="pdx-inline-date-range-overlay-buttons"
                 role="group"
@@ -38847,6 +39119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   [attr.data-appearance]="applyPanelActionAppearance()"
                   [attr.data-color-role]="applyPanelActionColorRole()"
                   [attr.aria-label]="overlayApplyAriaLabel()"
+                  [disabled]="!overlayDraftHasCompleteRange() || isInteractionBlocked()"
                   (click)="onOverlayApplyAction()"
                 >
                   {{ overlayApplyLabel() }}
@@ -38875,7 +39148,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: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height: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-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\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-height:var(--pdx-inline-control-height-mobile, 40px);max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height: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-preset{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height: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 .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: 168px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 156px;--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: 176px;--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: 168px;--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: 156px;--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: 176px;--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: 248px;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(620px,calc(100vw - 24px));min-width:min(620px,calc(100vw - 24px));max-width:min(620px,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{grid-column:1 / -1}::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}::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:360px;display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow:auto;overscroll-behavior:contain}::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-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height: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-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:48px;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;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}::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}::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-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:48px;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;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}::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}::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 .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']
@@ -43884,11 +44157,60 @@ class InlineRatingComponent extends InlineRangeSliderComponent {
         return this.ratingGradientColorByIndex(index, slots.length);
     }
     isSlotInSelectedRange(slot) {
+        return this.ratingStarFill(slot) !== 'empty';
+    }
+    ratingStarIconName(slot) {
+        const fill = this.ratingStarFill(slot);
+        if (fill === 'full')
+            return this.ratingActiveStarIconName();
+        if (fill === 'half')
+            return 'star_half';
+        return this.ratingInactiveStarIconName();
+    }
+    ratingStarSelectionAriaLabel(slot) {
+        const whole = this.formatRatingValue(slot);
+        if (!this.supportsHalfStarSelection()) {
+            return `${this.placeholderText()}: selecionar ${whole}`;
+        }
+        const half = this.formatRatingValue(this.ratingValueForStarSelection(slot, true));
+        return `${this.placeholderText()}: selecionar ${whole}; clique na metade esquerda para ${half}`;
+    }
+    onRatingStarClick(slot, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.isInteractionBlocked())
+            return;
+        const target = event.currentTarget;
+        const rect = target?.getBoundingClientRect();
+        const chooseHalf = this.supportsHalfStarSelection() && !!rect &&
+            rect.width > 0 && event.clientX < rect.left + rect.width / 2;
+        this.selectRatingValue(this.ratingValueForStarSelection(slot, chooseHalf));
+    }
+    ratingValueForStarSelection(slot, chooseHalf) {
+        const candidate = chooseHalf && this.supportsHalfStarSelection() ? slot - 0.5 : slot;
+        return this.clampValue(candidate, this.minValue(), this.maxValue());
+    }
+    selectRatingValue(value) {
+        if (this.isInteractionBlocked())
+            return;
+        const selected = this.clampValue(value, this.minValue(), this.maxValue());
+        this.rangeGroup.setValue({ start: selected, end: selected });
+    }
+    ratingStarFill(slot) {
         const range = this.readSelectedRange();
         if (!range) {
-            return false;
+            return 'empty';
+        }
+        if (Math.abs(range.start - range.end) < 0.001) {
+            const value = range.start;
+            if (value >= slot)
+                return 'full';
+            if (this.supportsHalfStarSelection() && Math.abs(value - (slot - 0.5)) < 0.001) {
+                return 'half';
+            }
+            return 'empty';
         }
-        return slot >= range.start && slot <= range.end;
+        return slot >= range.start && slot <= range.end ? 'full' : 'empty';
     }
     selectedStartLabel() {
         return this.formatRatingValue(this.readRangeForDisplay().start);
@@ -44028,6 +44350,9 @@ class InlineRatingComponent extends InlineRangeSliderComponent {
         }
         return null;
     }
+    supportsHalfStarSelection() {
+        return Math.abs(this.stepValue() - 0.5) < 0.001;
+    }
     resolveColorToken(...values) {
         for (const value of values) {
             const text = String(value ?? '').trim();
@@ -44186,18 +44511,23 @@ class InlineRatingComponent extends InlineRangeSliderComponent {
         >
           <div class="pdx-inline-rating-title" [id]="panelTitleId()">{{ placeholderText() }}</div>
 
-          <div class="pdx-inline-rating-stars" role="img" [attr.aria-label]="ratingStarsAriaLabel()">
+          <div class="pdx-inline-rating-stars" role="group" [attr.aria-label]="ratingStarsAriaLabel()">
             @for (slot of ratingScaleSlots(); track slot) {
-              <mat-icon
+              <button
+                type="button"
                 class="pdx-inline-rating-star"
                 [class.tone-low]="slotTone(slot) === 'low'"
                 [class.tone-mid]="slotTone(slot) === 'mid'"
                 [class.tone-high]="slotTone(slot) === 'high'"
                 [class.is-active]="isSlotInSelectedRange(slot)"
                 [style.color]="slotColor(slot)"
+                [disabled]="isInteractionBlocked()"
+                [attr.aria-label]="ratingStarSelectionAriaLabel(slot)"
+                [attr.aria-pressed]="isSlotInSelectedRange(slot)"
+                (click)="onRatingStarClick(slot, $event)"
               >
-                {{ isSlotInSelectedRange(slot) ? ratingActiveStarIconName() : ratingInactiveStarIconName() }}
-              </mat-icon>
+                <mat-icon aria-hidden="true">{{ ratingStarIconName(slot) }}</mat-icon>
+              </button>
             }
           </div>
 
@@ -44341,7 +44671,7 @@ class InlineRatingComponent extends InlineRangeSliderComponent {
         </div>
       </ng-template>
     </div>
-  `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),calc(100vw - 48px));padding:0 8px 0 0;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-rating-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-rating-chip.is-open{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{width:28px;height:28px;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-inline-rating-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-rating-actions{--pdx-inline-rating-action-primary-container: var(--md-sys-color-primary);--pdx-inline-rating-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-rating-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-rating-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-rating-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-rating-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-rating-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-rating-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-rating-action-danger-container: var(--md-sys-color-error);--pdx-inline-rating-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-rating-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-rating-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-rating-action-spacer{flex:1 1 auto}.pdx-inline-rating-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-rating-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=filled]{background:var(--pdx-inline-rating-action-neutral-container);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=tonal]{background:var(--pdx-inline-rating-action-neutral-tonal-container);color:var(--pdx-inline-rating-action-neutral-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-rating-action-primary-container);color:var(--pdx-inline-rating-action-primary-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-rating-action-primary-tonal-container);color:var(--pdx-inline-rating-action-primary-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=text],.pdx-inline-rating-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-rating-action-danger-container);color:var(--pdx-inline-rating-action-danger-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-rating-action-danger-tonal-container);color:var(--pdx-inline-rating-action-danger-tonal-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=text],.pdx-inline-rating-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-rating-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-rating-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-rating-action:disabled{opacity:.48;cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.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$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$2.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+  `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),calc(100vw - 48px));padding:0 8px 0 0;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-rating-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-rating-chip.is-open{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{appearance:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star mat-icon{width:28px;height:28px;font-size:28px;line-height:28px}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star:hover:not(:disabled){transform:scale(1.12)}.pdx-inline-rating-star:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:3px}.pdx-inline-rating-star:disabled{cursor:default}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-inline-rating-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-rating-actions{--pdx-inline-rating-action-primary-container: var(--md-sys-color-primary);--pdx-inline-rating-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-rating-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-rating-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-rating-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-rating-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-rating-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-rating-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-rating-action-danger-container: var(--md-sys-color-error);--pdx-inline-rating-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-rating-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-rating-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-rating-action-spacer{flex:1 1 auto}.pdx-inline-rating-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-rating-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=filled]{background:var(--pdx-inline-rating-action-neutral-container);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=tonal]{background:var(--pdx-inline-rating-action-neutral-tonal-container);color:var(--pdx-inline-rating-action-neutral-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-rating-action-primary-container);color:var(--pdx-inline-rating-action-primary-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-rating-action-primary-tonal-container);color:var(--pdx-inline-rating-action-primary-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=text],.pdx-inline-rating-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-rating-action-danger-container);color:var(--pdx-inline-rating-action-danger-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-rating-action-danger-tonal-container);color:var(--pdx-inline-rating-action-danger-tonal-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=text],.pdx-inline-rating-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-rating-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-rating-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-rating-action:disabled{opacity:.48;cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$4.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$4.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$2.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineRatingComponent, decorators: [{
             type: Component,
@@ -44437,18 +44767,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         >
           <div class="pdx-inline-rating-title" [id]="panelTitleId()">{{ placeholderText() }}</div>
 
-          <div class="pdx-inline-rating-stars" role="img" [attr.aria-label]="ratingStarsAriaLabel()">
+          <div class="pdx-inline-rating-stars" role="group" [attr.aria-label]="ratingStarsAriaLabel()">
             @for (slot of ratingScaleSlots(); track slot) {
-              <mat-icon
+              <button
+                type="button"
                 class="pdx-inline-rating-star"
                 [class.tone-low]="slotTone(slot) === 'low'"
                 [class.tone-mid]="slotTone(slot) === 'mid'"
                 [class.tone-high]="slotTone(slot) === 'high'"
                 [class.is-active]="isSlotInSelectedRange(slot)"
                 [style.color]="slotColor(slot)"
+                [disabled]="isInteractionBlocked()"
+                [attr.aria-label]="ratingStarSelectionAriaLabel(slot)"
+                [attr.aria-pressed]="isSlotInSelectedRange(slot)"
+                (click)="onRatingStarClick(slot, $event)"
               >
-                {{ isSlotInSelectedRange(slot) ? ratingActiveStarIconName() : ratingInactiveStarIconName() }}
-              </mat-icon>
+                <mat-icon aria-hidden="true">{{ ratingStarIconName(slot) }}</mat-icon>
+              </button>
             }
           </div>
 
@@ -44610,7 +44945,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[attr.data-component-id]': 'componentId()',
                         '(window:resize)': 'onViewportResize()',
                         '(document:keydown.escape)': 'onDocumentEscape()',
-                    }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),calc(100vw - 48px));padding:0 8px 0 0;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-rating-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-rating-chip.is-open{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{width:28px;height:28px;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-inline-rating-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-rating-actions{--pdx-inline-rating-action-primary-container: var(--md-sys-color-primary);--pdx-inline-rating-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-rating-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-rating-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-rating-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-rating-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-rating-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-rating-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-rating-action-danger-container: var(--md-sys-color-error);--pdx-inline-rating-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-rating-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-rating-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-rating-action-spacer{flex:1 1 auto}.pdx-inline-rating-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-rating-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=filled]{background:var(--pdx-inline-rating-action-neutral-container);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=tonal]{background:var(--pdx-inline-rating-action-neutral-tonal-container);color:var(--pdx-inline-rating-action-neutral-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-rating-action-primary-container);color:var(--pdx-inline-rating-action-primary-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-rating-action-primary-tonal-container);color:var(--pdx-inline-rating-action-primary-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=text],.pdx-inline-rating-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-rating-action-danger-container);color:var(--pdx-inline-rating-action-danger-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-rating-action-danger-tonal-container);color:var(--pdx-inline-rating-action-danger-tonal-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=text],.pdx-inline-rating-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-rating-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-rating-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-rating-action:disabled{opacity:.48;cursor:default}\n"] }]
+                    }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),calc(100vw - 48px));padding:0 8px 0 0;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-rating-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-rating-chip.is-open{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%;min-height:var(--pdx-inline-control-height-mobile, 40px);border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{appearance:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star mat-icon{width:28px;height:28px;font-size:28px;line-height:28px}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star:hover:not(:disabled){transform:scale(1.12)}.pdx-inline-rating-star:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:3px}.pdx-inline-rating-star:disabled{cursor:default}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-inline-rating-preset[disabled]{opacity:.56;cursor:default}.pdx-inline-rating-actions{--pdx-inline-rating-action-primary-container: var(--md-sys-color-primary);--pdx-inline-rating-action-primary-label: var(--md-sys-color-on-primary);--pdx-inline-rating-action-primary-tonal-container: var(--md-sys-color-primary-container);--pdx-inline-rating-action-primary-tonal-label: var(--md-sys-color-on-primary-container);--pdx-inline-rating-action-neutral-container: var(--md-sys-color-surface-container-high);--pdx-inline-rating-action-neutral-label: var(--md-sys-color-on-surface);--pdx-inline-rating-action-neutral-tonal-container: var(--md-sys-color-secondary-container);--pdx-inline-rating-action-neutral-tonal-label: var(--md-sys-color-on-secondary-container);--pdx-inline-rating-action-danger-container: var(--md-sys-color-error);--pdx-inline-rating-action-danger-label: var(--md-sys-color-on-error);--pdx-inline-rating-action-danger-tonal-container: var(--md-sys-color-error-container);--pdx-inline-rating-action-danger-tonal-label: var(--md-sys-color-on-error-container);display:flex;align-items:center;gap:8px;padding-top:2px}.pdx-inline-rating-action-spacer{flex:1 1 auto}.pdx-inline-rating-action{min-height:32px;border-radius:999px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.pdx-inline-rating-action[data-appearance=text]{background:transparent;color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=outlined]{background:transparent;border-color:var(--md-sys-color-outline-variant);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=filled]{background:var(--pdx-inline-rating-action-neutral-container);color:var(--pdx-inline-rating-action-neutral-label)}.pdx-inline-rating-action[data-appearance=tonal]{background:var(--pdx-inline-rating-action-neutral-tonal-container);color:var(--pdx-inline-rating-action-neutral-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=filled]{background:var(--pdx-inline-rating-action-primary-container);color:var(--pdx-inline-rating-action-primary-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=tonal]{background:var(--pdx-inline-rating-action-primary-tonal-container);color:var(--pdx-inline-rating-action-primary-tonal-label)}.pdx-inline-rating-action[data-color-role=primary][data-appearance=text],.pdx-inline-rating-action[data-color-role=primary][data-appearance=outlined]{color:var(--md-sys-color-primary)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=filled]{background:var(--pdx-inline-rating-action-danger-container);color:var(--pdx-inline-rating-action-danger-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=tonal]{background:var(--pdx-inline-rating-action-danger-tonal-container);color:var(--pdx-inline-rating-action-danger-tonal-label)}.pdx-inline-rating-action[data-color-role=danger][data-appearance=text],.pdx-inline-rating-action[data-color-role=danger][data-appearance=outlined]{color:var(--md-sys-color-error)}.pdx-inline-rating-action:hover:not(:disabled){box-shadow:inset 0 0 0 999px color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-rating-action:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 58%,transparent);outline-offset:2px}.pdx-inline-rating-action:disabled{opacity:.48;cursor:default}\n"] }]
         }] });
 
 class InlineDistanceRadiusComponent extends InlineRangeSliderComponent {
@@ -64467,8 +64802,21 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
                         },
                     },
                     showShortcuts: true,
-                    shortcuts: ['thisWeek', 'thisMonth', 'lastMonth'],
-                    inlineQuickPresets: { enabled: true, maxVisible: 3 },
+                    shortcuts: [
+                        'thisWeek',
+                        {
+                            id: 'competencia-fiscal-marco',
+                            label: 'Competencia fiscal',
+                            description: 'Periodo estatico resolvido pelo dominio fiscal.',
+                            startDate: '2026-03-01',
+                            endDate: '2026-03-31',
+                            timeZone: 'America/Sao_Paulo',
+                            icon: 'account_balance',
+                            tone: 'success',
+                        },
+                        'lastMonth',
+                    ],
+                    inlineQuickPresets: { enabled: true, maxVisible: 3, position: 'auto' },
                     clearButton: { enabled: true, showOnlyWhenFilled: true },
                 },
                 initialValue: { startDate: '2026-03-01', endDate: '2026-03-23' },