@praxisui/dynamic-fields 9.0.5-rc.9 → 9.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,7 +4,7 @@ import * as i0 from '@angular/core';
4
4
  import { InjectionToken, inject, DestroyRef, ElementRef, ChangeDetectorRef, Injector, signal, output, computed, Input, Directive, viewChild, effect, EventEmitter, Output, Component, forwardRef, LOCALE_ID, Injectable, ChangeDetectionStrategy, ViewChild, ViewContainerRef, HostListener, HostBinding, ViewEncapsulation, model, input, contentChild, Renderer2, viewChildren, ENVIRONMENT_INITIALIZER, Inject, ViewChildren, TemplateRef, ContentChild, APP_INITIALIZER, Optional } from '@angular/core';
5
5
  import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
6
6
  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';
7
- import { Subscription, BehaviorSubject, combineLatest, of, EMPTY, timer, firstValueFrom, fromEvent, take as take$1 } from 'rxjs';
7
+ import { Subscription, BehaviorSubject, combineLatest, of, Subject, EMPTY, timer, firstValueFrom, fromEvent, take as take$1 } from 'rxjs';
8
8
  import { Router } from '@angular/router';
9
9
  import * as i1$4 from '@angular/material/dialog';
10
10
  import { MatDialog, MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
@@ -21,7 +21,7 @@ import { DomSanitizer } from '@angular/platform-browser';
21
21
  import * as i2 from '@angular/material/checkbox';
22
22
  import { MatCheckboxModule } from '@angular/material/checkbox';
23
23
  import * as i2$1 from '@angular/material/form-field';
24
- import { MatFormFieldModule } from '@angular/material/form-field';
24
+ import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
25
25
  import * as i3 from '@angular/material/input';
26
26
  import { MatInputModule } from '@angular/material/input';
27
27
  import * as i1$2 from '@angular/material/button';
@@ -173,6 +173,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
173
173
  'praxis.dynamicFields.select.endOfList': 'End of list',
174
174
  'praxis.dynamicFields.select.noOptionsAvailable': 'No options available',
175
175
  'praxis.dynamicFields.select.loadingOptionsAriaLabel': 'Loading options',
176
+ 'praxis.dynamicFields.select.triggerAriaLabel': '{{label}}: {{value}}',
176
177
  'praxis.dynamicFields.tree.expandNodeAriaLabel': 'Expand',
177
178
  'praxis.dynamicFields.tree.collapseNodeAriaLabel': 'Collapse',
178
179
  'praxis.dynamicFields.dialog.confirm': 'Confirm',
@@ -456,6 +457,10 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
456
457
  'praxis.dynamicFields.entityLookup.searchStrategy.businessCode': 'Employee code',
457
458
  'praxis.dynamicFields.entityLookup.searchStrategy.descriptiveText': 'Name or description',
458
459
  'praxis.dynamicFields.entityLookup.searchStrategy.normalizedDocument': 'Document',
460
+ 'praxis.dynamicFields.select.searchStrategyRequired': 'Select how you want to search.',
461
+ 'praxis.dynamicFields.select.searchStrategyDigitsOnly': 'Use numbers only for this search.',
462
+ 'praxis.dynamicFields.select.searchStrategyDocumentFormat': 'Use only numbers, spaces, periods, or hyphens.',
463
+ 'praxis.dynamicFields.select.searchStrategyMinimum': 'Enter at least {{minimum}} characters.',
459
464
  'praxis.dynamicFields.entityLookup.dialog.context.filtered': 'Use quick search and active filters to reach the right entity.',
460
465
  'praxis.dynamicFields.entityLookup.dialog.currentSelection': 'Current selection: {value}',
461
466
  'praxis.dynamicFields.entityLookup.dialog.filters.show': 'Show filters',
@@ -607,6 +612,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
607
612
  'praxis.dynamicFields.select.endOfList': 'Fim de lista',
608
613
  'praxis.dynamicFields.select.noOptionsAvailable': 'Nenhuma opção disponível',
609
614
  'praxis.dynamicFields.select.loadingOptionsAriaLabel': 'Carregando opções',
615
+ 'praxis.dynamicFields.select.triggerAriaLabel': '{{label}}: {{value}}',
610
616
  'praxis.dynamicFields.tree.expandNodeAriaLabel': 'Expandir',
611
617
  'praxis.dynamicFields.tree.collapseNodeAriaLabel': 'Recolher',
612
618
  'praxis.dynamicFields.dialog.confirm': 'Confirmar',
@@ -890,6 +896,10 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
890
896
  'praxis.dynamicFields.entityLookup.searchStrategy.businessCode': 'Código funcional',
891
897
  'praxis.dynamicFields.entityLookup.searchStrategy.descriptiveText': 'Nome ou descrição',
892
898
  'praxis.dynamicFields.entityLookup.searchStrategy.normalizedDocument': 'Documento',
899
+ 'praxis.dynamicFields.select.searchStrategyRequired': 'Selecione como deseja buscar.',
900
+ 'praxis.dynamicFields.select.searchStrategyDigitsOnly': 'Use apenas números nesta busca.',
901
+ 'praxis.dynamicFields.select.searchStrategyDocumentFormat': 'Use apenas números, espaços, pontos ou hífens.',
902
+ 'praxis.dynamicFields.select.searchStrategyMinimum': 'Digite pelo menos {{minimum}} caracteres.',
893
903
  'praxis.dynamicFields.entityLookup.dialog.context.filtered': 'Use a busca rápida e os filtros ativos para chegar à entidade correta.',
894
904
  'praxis.dynamicFields.entityLookup.dialog.currentSelection': 'Seleção atual: {value}',
895
905
  'praxis.dynamicFields.entityLookup.dialog.filters.show': 'Mostrar filtros',
@@ -1297,6 +1307,11 @@ class SimpleBaseInputComponent {
1297
1307
  internalControl = new FormControl();
1298
1308
  /** FormControl signal para interface BaseDynamicFieldComponent */
1299
1309
  formControl = signal(null, ...(ngDevMode ? [{ debugName: "formControl" }] : /* istanbul ignore next */ []));
1310
+ /**
1311
+ * Whether the current disabled state was explicitly applied by metadata.
1312
+ * Omitted metadata must not release an external runtime owner of the control.
1313
+ */
1314
+ metadataDisabledApplied = false;
1300
1315
  /**
1301
1316
  * Define um FormControl externo a ser utilizado como fonte de verdade.
1302
1317
  */
@@ -2210,7 +2225,14 @@ class SimpleBaseInputComponent {
2210
2225
  this.metadata.set(metadata);
2211
2226
  this.label = metadata.label;
2212
2227
  this.placeholder = metadata.placeholder;
2213
- this.setDisabledState(!!metadata.disabled);
2228
+ if (metadata.disabled !== undefined) {
2229
+ this.setDisabledState(metadata.disabled);
2230
+ this.metadataDisabledApplied = metadata.disabled;
2231
+ }
2232
+ else if (this.metadataDisabledApplied) {
2233
+ this.setDisabledState(false);
2234
+ this.metadataDisabledApplied = false;
2235
+ }
2214
2236
  // Reaplica validators quando metadata muda
2215
2237
  this.setupValidators();
2216
2238
  this.applyNativeAttributes();
@@ -2223,9 +2245,6 @@ class SimpleBaseInputComponent {
2223
2245
  apply: metadata.textTransformApply,
2224
2246
  });
2225
2247
  }
2226
- if (metadata.disabled !== undefined) {
2227
- this.setDisabledState(metadata.disabled);
2228
- }
2229
2248
  // Atualiza apresentação de erros (inline/tooltip) após mudança de metadata
2230
2249
  this.refreshErrorTooltip();
2231
2250
  // Aplicação imediata de transformação visual funcional quando configurada
@@ -3764,11 +3783,18 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
3764
3783
  return this.panelClassCache;
3765
3784
  }
3766
3785
  isInteractionDisabled() {
3767
- return (!!this.disabledMode ||
3768
- this.control().disabled ||
3786
+ return (this.isDisabledEffective() ||
3769
3787
  this.isReadonlyEffective() ||
3770
3788
  !!this.presentationMode);
3771
3789
  }
3790
+ /**
3791
+ * Native disabled state is intentionally distinct from readonly/presentation.
3792
+ * Readonly collection controls remain focusable and expose `aria-readonly`, while
3793
+ * this state alone removes the trigger from keyboard interaction.
3794
+ */
3795
+ isDisabledEffective() {
3796
+ return !!this.disabledMode || this.control().disabled;
3797
+ }
3772
3798
  normalizeMultipleControlValue() {
3773
3799
  if (!this.multiple())
3774
3800
  return;
@@ -3810,6 +3836,8 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
3810
3836
  }
3811
3837
  /** Clears the selection according to single/multiple mode */
3812
3838
  onClearClick() {
3839
+ if (this.isInteractionDisabled())
3840
+ return;
3813
3841
  const isMulti = !!this.metadata()?.multiple;
3814
3842
  this.setValue(isMulti ? [] : null, { emitEvent: true });
3815
3843
  const control = this.control();
@@ -3896,6 +3924,14 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
3896
3924
  loadingOptionsAriaLabel() {
3897
3925
  return this.tDynamicFields('select.loadingOptionsAriaLabel', 'Carregando opções');
3898
3926
  }
3927
+ selectionTriggerAriaLabel(displayValue) {
3928
+ const fieldLabel = this.inputAriaLabel() ||
3929
+ this.tDynamicFields('select.defaultLabel', 'Seleção');
3930
+ const value = displayValue.trim();
3931
+ if (!value)
3932
+ return fieldLabel;
3933
+ return this.tDynamicFields('select.triggerAriaLabel', '{{label}}: {{value}}', { label: fieldLabel, value });
3934
+ }
3899
3935
  /**
3900
3936
  * Ícone para estado "selecionado" em opções do painel.
3901
3937
  */
@@ -3990,7 +4026,7 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
3990
4026
  * modes and emits the proper events.
3991
4027
  */
3992
4028
  selectOption(option) {
3993
- if (option.disabled)
4029
+ if (this.isInteractionDisabled() || option.disabled)
3994
4030
  return;
3995
4031
  if (this.multiple()) {
3996
4032
  const current = Array.isArray(this.control().value)
@@ -4054,7 +4090,7 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
4054
4090
  * selection mode.
4055
4091
  */
4056
4092
  toggleSelectAll() {
4057
- if (!this.multiple() || !this.selectAll())
4093
+ if (this.isInteractionDisabled() || !this.multiple() || !this.selectAll())
4058
4094
  return;
4059
4095
  const selectable = this.options()
4060
4096
  .filter((o) => !o.disabled)
@@ -10808,7 +10844,7 @@ class FieldShellComponent {
10808
10844
 
10809
10845
  </div>
10810
10846
  </div>
10811
- `, isInline: true, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay,.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10847
+ `, isInline: true, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay{cursor:default}.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10812
10848
  }
10813
10849
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FieldShellComponent, decorators: [{
10814
10850
  type: Component,
@@ -10932,7 +10968,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
10932
10968
 
10933
10969
  </div>
10934
10970
  </div>
10935
- `, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay,.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"] }]
10971
+ `, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay{cursor:default}.praxis-disabled-overlay{cursor:not-allowed}.pfx-field-shell-authoring-hit-target{position:absolute;inset:0;z-index:2;display:block;width:100%;min-width:0;min-height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pfx-field-shell-authoring-hit-target:focus-visible{outline:2px solid var(--mat-sys-primary, #90caf9);outline-offset:2px}.praxis-presentation{--pfx-pres-current-text: var( --pfx-pres-on-surface, var( --pfx-editorial-form-text, var(--mat-sys-on-surface, var(--md-sys-color-on-surface, currentColor)) ) );--pfx-pres-current-muted: var( --pfx-pres-on-surface-variant, var( --pfx-editorial-form-text-muted, var( --mat-sys-on-surface-variant, var( --md-sys-color-on-surface-variant, color-mix(in srgb, var(--pfx-pres-current-text) 76%, transparent) ) ) ) );white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0;color:var(--pfx-pres-current-text)}.praxis-presentation__label{display:block;color:var(--pfx-pres-label-color, var(--pfx-pres-current-muted));font-size:var(--pdx-presentation-label-size, var(--pfx-pres-label-size, .78rem));line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:var(--pfx-pres-label-opacity, .92);margin-bottom:2px}.praxis-presentation__value{display:block;color:var(--pfx-pres-value-color, var(--pfx-pres-current-text));flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pdx-presentation-value-size, var(--pfx-pres-value-size, 1rem));line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, var(--md-sys-color-primary, currentColor)) 78%, var(--pfx-pres-current-text) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.mat-icon.praxis-presentation__icon{--pfx-presentation-icon-size: var( --pdx-presentation-icon-size, var(--pfx-pres-icon-size, 1.125rem) );flex:0 0 auto;font-size:var(--pfx-presentation-icon-size);width:var(--pfx-presentation-icon-size);height:var(--pfx-presentation-icon-size);line-height:var(--pfx-presentation-icon-size);overflow:visible;opacity:.85}.praxis-presentation--semantic{--pfx-pres-semantic-color: var(--pfx-pres-current-muted);--pfx-pres-semantic-bg: color-mix(in srgb, currentColor 7%, transparent);--pfx-pres-semantic-border: color-mix(in srgb, currentColor 16%, transparent)}.praxis-presentation[data-presentation-tone=info]{--pfx-pres-semantic-color: var(--pfx-pres-info-color, var(--mat-sys-primary, #0b5cad))}.praxis-presentation[data-presentation-tone=success]{--pfx-pres-semantic-color: var(--pfx-pres-success-color, var(--praxis-success, #0f7b4a))}.praxis-presentation[data-presentation-tone=warning]{--pfx-pres-semantic-color: var(--pfx-pres-warning-color, var(--praxis-warning, #a16207))}.praxis-presentation[data-presentation-tone=danger]{--pfx-pres-semantic-color: var(--pfx-pres-danger-color, var(--mat-sys-error, #ba1a1a))}.praxis-presentation--semantic .praxis-presentation__icon{color:var(--pfx-pres-semantic-color);opacity:1}.praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.praxis-presentation[data-presentation-presenter=status] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=badge] .praxis-presentation__value,.praxis-presentation[data-presentation-presenter=chip] .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-status-min-height, 24px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-status-padding, 2px 9px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-status-radius, 999px));border:1px solid var(--pfx-pres-semantic-border);color:var(--pfx-pres-semantic-color);background:var(--pfx-pres-semantic-bg);font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-status-font-size, .8rem));font-weight:var(--pfx-pres-status-font-weight, 700);line-height:var(--pfx-pres-status-line-height, 1.1)}.praxis-presentation[data-presentation-appearance=filled] .praxis-presentation__value{color:var(--pfx-pres-status-filled-color, var(--mat-sys-on-primary, #ffffff));background:var(--pfx-pres-semantic-color);border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=outlined] .praxis-presentation__value{background:transparent;border-color:var(--pfx-pres-semantic-color)}.praxis-presentation[data-presentation-appearance=plain] .praxis-presentation__value{border-color:transparent;background:transparent;padding-inline:0}.praxis-presentation__badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:20px;padding:1px 7px;border-radius:999px;border:1px solid var(--pfx-pres-semantic-border, color-mix(in srgb, currentColor 16%, transparent));color:var(--pfx-pres-semantic-color, currentColor);background:var(--pfx-pres-semantic-bg, color-mix(in srgb, currentColor 7%, transparent));font-size:.72rem;line-height:1;font-weight:700;white-space:nowrap}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pdx-presentation-label-width, var(--pfx-pres-label-width, 140px));opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode .praxis-presentation--semantic .praxis-presentation__value{flex:0 1 auto}.presentation-mode .praxis-presentation--semantic .praxis-presentation__content{justify-content:flex-start}.presentation-mode .praxis-presentation--semantic[data-presentation-presenter=iconValue] .praxis-presentation__value{display:inline-flex;flex:0 0 auto;width:auto}.praxis-presentation[data-presentation-presenter=microVisualization] .praxis-presentation__value{display:block;width:100%;max-width:var(--pfx-pres-micro-max-width, 320px);font-size:var(--pfx-pres-micro-font-size, .78rem);line-height:1.2}.pfx-micro-viz{display:grid;gap:6px;width:100%;min-width:0}.pfx-micro-viz__fallback{color:var(--pfx-pres-current-muted);font-weight:600}.pfx-micro-viz__row{display:grid;grid-template-columns:minmax(48px,.65fr) minmax(92px,1fr) auto;gap:6px;align-items:center;min-width:0}.pfx-micro-viz__label,.pfx-micro-viz__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pfx-micro-viz__label{color:var(--pfx-pres-current-muted);font-weight:600;opacity:.84}.pfx-micro-viz__value{justify-self:end;font-weight:700}.pfx-micro-viz__track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__bar,.pfx-micro-viz__target{position:absolute;inset-block:0;border-radius:inherit;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__segments{display:flex;height:10px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-on-surface, currentColor) 12%,transparent)}.pfx-micro-viz__segment{min-width:2px;background:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor))}.pfx-micro-viz__bullet{display:grid;gap:5px}.pfx-micro-viz__bullet .pfx-micro-viz__track{height:12px}.pfx-micro-viz__target{width:2px;min-width:2px;transform:translate(-1px);background:var(--mat-sys-on-surface, currentColor);opacity:.74}.pfx-micro-viz__delta{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--pfx-micro-tone-color, var(--mat-sys-primary, currentColor));font-weight:800}.pfx-micro-viz__delta-symbol{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.72rem;line-height:1}.pfx-micro-viz__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--pfx-pres-current-muted);font-weight:600;opacity:.82}.pfx-micro-viz [data-tone=success]{--pfx-micro-tone-color: var(--praxis-success, #0f7b4a)}.pfx-micro-viz [data-tone=warning],.pfx-micro-viz[data-tone=warning]{--pfx-micro-tone-color: var(--praxis-warning, #a16207)}.pfx-micro-viz [data-tone=danger],.pfx-micro-viz[data-tone=danger],.pfx-micro-viz [data-tone=critical],.pfx-micro-viz[data-tone=critical]{--pfx-micro-tone-color: var(--mat-sys-error, #ba1a1a)}.pfx-micro-viz [data-tone=info],.pfx-micro-viz[data-tone=info]{--pfx-micro-tone-color: var(--mat-sys-primary, #0b5cad)}@media(max-width:480px){.presentation-mode.pres-label-left .praxis-presentation{flex-direction:column;align-items:flex-start;gap:4px}.presentation-mode.pres-label-left .praxis-presentation__label{min-width:0;width:auto;text-align:start}.presentation-mode.pres-label-left .praxis-presentation__content{width:100%;flex-basis:auto}}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}.presentation-mode.pres-compact .praxis-presentation__label,.presentation-mode.pres-density-compact .praxis-presentation__label{font-size:var(--pdx-presentation-label-size, var(--pfx-pres-compact-label-size, var(--pfx-pres-label-size, .72rem)));margin-bottom:var(--pfx-pres-compact-label-gap, 1px)}.presentation-mode.pres-compact .praxis-presentation__value,.presentation-mode.pres-density-compact .praxis-presentation__value{font-size:var(--pdx-presentation-value-size, var(--pfx-pres-compact-value-size, var(--pfx-pres-value-size, .92rem)));line-height:var(--pfx-pres-compact-value-line-height, 1.22)}.presentation-mode .praxis-presentation--boolean .praxis-presentation__value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--pdx-presentation-flag-height, var(--pfx-pres-boolean-min-height, 22px));padding:var(--pdx-presentation-flag-padding, var(--pfx-pres-boolean-padding, 0 8px));border-radius:var(--pdx-presentation-flag-radius, var(--pfx-pres-boolean-radius, 999px));border:1px solid var(--pfx-pres-boolean-border-color, color-mix(in srgb, currentColor 18%, transparent));background:var(--pfx-pres-boolean-bg, color-mix(in srgb, currentColor 8%, transparent));font-size:var(--pdx-presentation-flag-font-size, var(--pfx-pres-boolean-font-size, .78rem));font-weight:var(--pfx-pres-boolean-font-weight, 700);line-height:var(--pfx-pres-boolean-line-height, 1);text-transform:var(--pfx-pres-boolean-text-transform, none)}.presentation-mode .praxis-presentation--boolean-true .praxis-presentation__value{color:var(--pfx-pres-boolean-true-color, var(--mat-sys-primary, currentColor));background:var(--pfx-pres-boolean-true-bg, color-mix(in srgb, var(--mat-sys-primary, currentColor) 10%, transparent));border-color:var(--pfx-pres-boolean-true-border-color, color-mix(in srgb, var(--mat-sys-primary, currentColor) 24%, transparent))}.presentation-mode .praxis-presentation--boolean-false .praxis-presentation__value{color:var(--pfx-pres-boolean-false-color, var(--pfx-pres-current-muted));background:var(--pfx-pres-boolean-false-bg, color-mix(in srgb, var(--pfx-pres-current-text) 6%, transparent));border-color:var(--pfx-pres-boolean-false-border-color, color-mix(in srgb, var(--pfx-pres-current-text) 16%, transparent))}\n"] }]
10936
10972
  }], propDecorators: { field: [{
10937
10973
  type: Input
10938
10974
  }], index: [{
@@ -12941,7 +12977,7 @@ class PdxCollectionOverlayComponent {
12941
12977
  </div>
12942
12978
  </section>
12943
12979
  </ng-template>
12944
- `, isInline: true, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
12980
+ `, isInline: true, styles: [":host{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay__origin{display:block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
12945
12981
  }
12946
12982
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionOverlayComponent, decorators: [{
12947
12983
  type: Component,
@@ -12986,7 +13022,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12986
13022
  </div>
12987
13023
  </section>
12988
13024
  </ng-template>
12989
- `, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"] }]
13025
+ `, styles: [":host{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay__origin{display:block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"] }]
12990
13026
  }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }], panelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelId", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], panelWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelWidth", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], trigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PdxCollectionOverlayTriggerDirective), { isSignal: true }] }] } });
12991
13027
 
12992
13028
  class PdxCollectionSearchComponent {
@@ -13071,6 +13107,131 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
13071
13107
  `, styles: [":host{display:block;width:100%}.pdx-collection-search{display:flex;align-items:center;gap:var(--praxis-collection-search-gap, 8px);min-height:var(--praxis-collection-search-height, 40px);padding-inline:var(--praxis-collection-search-padding-inline, 12px);border:1px solid var(--praxis-collection-search-outline, var(--praxis-theme-outline));border-radius:var(--praxis-collection-search-radius, 12px);background:var(--praxis-collection-search-surface, var(--praxis-theme-surface-raised));color:var(--praxis-collection-search-on-surface, var(--praxis-theme-on-surface));box-sizing:border-box;transition:border-color var(--praxis-collection-search-motion-duration, .12s) ease}:host.is-compact .pdx-collection-search{min-height:var(--praxis-collection-search-compact-height, 36px)}.pdx-collection-search:focus-within{border-color:var(--praxis-collection-search-focus-outline, var(--praxis-theme-focus-outline));outline:2px solid color-mix(in srgb,var(--praxis-collection-search-focus-outline, var(--praxis-theme-focus-outline)) 28%,transparent);outline-offset:1px}.pdx-collection-search.is-disabled{opacity:.64}.pdx-collection-search__icon,.pdx-collection-search__clear mat-icon{flex:0 0 auto;width:var(--praxis-collection-search-icon-size, 18px);height:var(--praxis-collection-search-icon-size, 18px);color:var(--praxis-collection-search-placeholder, var(--praxis-theme-on-surface-muted));font-size:var(--praxis-collection-search-icon-size, 18px);line-height:var(--praxis-collection-search-icon-size, 18px)}input{flex:1 1 auto;min-width:0;height:var(--praxis-collection-search-height, 40px);padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:var(--praxis-collection-search-font-size, .875rem);line-height:var(--praxis-collection-search-line-height, 1.25rem);font-weight:var(--praxis-collection-search-font-weight, 400);caret-color:var(--praxis-collection-search-focus-outline, var(--praxis-theme-focus-outline))}:host.is-compact input{height:var(--praxis-collection-search-compact-height, 36px)}input::placeholder{color:var(--praxis-collection-search-placeholder, var(--praxis-theme-on-surface-muted));opacity:1}input[type=search]::-webkit-search-cancel-button{display:none}.pdx-collection-search__clear{display:inline-grid;flex:0 0 var(--praxis-collection-search-clear-target-size, 32px);width:var(--praxis-collection-search-clear-target-size, 32px);height:var(--praxis-collection-search-clear-target-size, 32px);place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-collection-search__clear:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-collection-search__clear:focus-visible{outline:2px solid var(--praxis-collection-search-focus-outline, var(--praxis-theme-focus-outline));outline-offset:1px}@media(prefers-reduced-motion:reduce){.pdx-collection-search{transition:none}}\n"] }]
13072
13108
  }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }], clearAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAriaLabel", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], clearIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearIcon", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }] } });
13073
13109
 
13110
+ let nextCollectionControlId = 0;
13111
+ /**
13112
+ * Bridges a rich Praxis collection trigger into the canonical Material field frame.
13113
+ * The overlay remains owned by PdxCollectionOverlay; this directive only exposes
13114
+ * field chrome, focus and described-by state to MatFormField.
13115
+ */
13116
+ class PdxCollectionFormFieldControlDirective {
13117
+ controlValue = input(null, { ...(ngDevMode ? { debugName: "controlValue" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldValue' });
13118
+ controlModel = input(null, { ...(ngDevMode ? { debugName: "controlModel" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldModel' });
13119
+ controlRequired = input(false, { ...(ngDevMode ? { debugName: "controlRequired" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldRequired' });
13120
+ controlDisabled = input(false, { ...(ngDevMode ? { debugName: "controlDisabled" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldDisabled' });
13121
+ controlErrorState = input(false, { ...(ngDevMode ? { debugName: "controlErrorState" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldErrorState' });
13122
+ controlId = input('', { ...(ngDevMode ? { debugName: "controlId" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldId' });
13123
+ controlOpen = input(false, { ...(ngDevMode ? { debugName: "controlOpen" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldOpen' });
13124
+ controlShouldLabelFloat = input(null, { ...(ngDevMode ? { debugName: "controlShouldLabelFloat" } : /* istanbul ignore next */ {}), alias: 'pdxCollectionFormFieldShouldLabelFloat' });
13125
+ stateChanges = new Subject();
13126
+ ngControl = null;
13127
+ placeholder = '';
13128
+ controlType = 'pdx-collection';
13129
+ disableAutomaticLabeling = true;
13130
+ focusedState = signal(false, ...(ngDevMode ? [{ debugName: "focusedState" }] : /* istanbul ignore next */ []));
13131
+ describedByIds = [];
13132
+ fallbackId = `pdx-collection-control-${nextCollectionControlId++}`;
13133
+ elementRef = inject(ElementRef);
13134
+ constructor() {
13135
+ effect((onCleanup) => {
13136
+ this.controlValue();
13137
+ const control = this.controlModel();
13138
+ this.controlRequired();
13139
+ this.controlDisabled();
13140
+ this.controlErrorState();
13141
+ this.controlId();
13142
+ this.controlOpen();
13143
+ this.controlShouldLabelFloat();
13144
+ this.focusedState();
13145
+ this.stateChanges.next();
13146
+ const subscription = control?.valueChanges.subscribe(() => this.stateChanges.next());
13147
+ onCleanup(() => subscription?.unsubscribe());
13148
+ });
13149
+ }
13150
+ get value() {
13151
+ return this.currentValue() ?? null;
13152
+ }
13153
+ get id() {
13154
+ return this.controlId() || this.fallbackId;
13155
+ }
13156
+ get focused() {
13157
+ return this.focusedState() || this.controlOpen();
13158
+ }
13159
+ get empty() {
13160
+ const value = this.currentValue();
13161
+ return value === null || value === undefined || value === '' ||
13162
+ (Array.isArray(value) && value.length === 0);
13163
+ }
13164
+ get shouldLabelFloat() {
13165
+ return this.controlShouldLabelFloat() ?? (this.focused || !this.empty);
13166
+ }
13167
+ get required() {
13168
+ return this.controlRequired();
13169
+ }
13170
+ get disabled() {
13171
+ return this.controlDisabled();
13172
+ }
13173
+ get errorState() {
13174
+ return this.controlErrorState();
13175
+ }
13176
+ setDescribedByIds(ids) {
13177
+ this.describedByIds = ids;
13178
+ const trigger = this.triggerElement();
13179
+ if (!trigger)
13180
+ return;
13181
+ if (ids.length)
13182
+ trigger.setAttribute('aria-describedby', ids.join(' '));
13183
+ else
13184
+ trigger.removeAttribute('aria-describedby');
13185
+ }
13186
+ onContainerClick() {
13187
+ if (!this.disabled)
13188
+ this.triggerElement()?.focus();
13189
+ }
13190
+ handleFocusIn() {
13191
+ this.focusedState.set(true);
13192
+ }
13193
+ handleFocusOut(event) {
13194
+ const nextTarget = event.relatedTarget;
13195
+ if (nextTarget instanceof Node && this.elementRef.nativeElement.contains(nextTarget))
13196
+ return;
13197
+ this.focusedState.set(false);
13198
+ }
13199
+ ngOnDestroy() {
13200
+ this.stateChanges.complete();
13201
+ }
13202
+ triggerElement() {
13203
+ return this.elementRef.nativeElement.querySelector('[pdxCollectionOverlayTrigger]');
13204
+ }
13205
+ currentValue() {
13206
+ const control = this.controlModel();
13207
+ return control ? control.value : this.controlValue();
13208
+ }
13209
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionFormFieldControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
13210
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: PdxCollectionFormFieldControlDirective, isStandalone: true, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: { controlValue: { classPropertyName: "controlValue", publicName: "pdxCollectionFormFieldValue", isSignal: true, isRequired: false, transformFunction: null }, controlModel: { classPropertyName: "controlModel", publicName: "pdxCollectionFormFieldModel", isSignal: true, isRequired: false, transformFunction: null }, controlRequired: { classPropertyName: "controlRequired", publicName: "pdxCollectionFormFieldRequired", isSignal: true, isRequired: false, transformFunction: null }, controlDisabled: { classPropertyName: "controlDisabled", publicName: "pdxCollectionFormFieldDisabled", isSignal: true, isRequired: false, transformFunction: null }, controlErrorState: { classPropertyName: "controlErrorState", publicName: "pdxCollectionFormFieldErrorState", isSignal: true, isRequired: false, transformFunction: null }, controlId: { classPropertyName: "controlId", publicName: "pdxCollectionFormFieldId", isSignal: true, isRequired: false, transformFunction: null }, controlOpen: { classPropertyName: "controlOpen", publicName: "pdxCollectionFormFieldOpen", isSignal: true, isRequired: false, transformFunction: null }, controlShouldLabelFloat: { classPropertyName: "controlShouldLabelFloat", publicName: "pdxCollectionFormFieldShouldLabelFloat", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "focusin": "handleFocusIn()", "focusout": "handleFocusOut($event)" }, properties: { "class.pdx-collection-form-field-control": "true" } }, providers: [
13211
+ {
13212
+ provide: MatFormFieldControl,
13213
+ useExisting: forwardRef(() => PdxCollectionFormFieldControlDirective),
13214
+ },
13215
+ ], ngImport: i0 });
13216
+ }
13217
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionFormFieldControlDirective, decorators: [{
13218
+ type: Directive,
13219
+ args: [{
13220
+ selector: 'pdx-collection-overlay[pdxCollectionFormFieldControl]',
13221
+ providers: [
13222
+ {
13223
+ provide: MatFormFieldControl,
13224
+ useExisting: forwardRef(() => PdxCollectionFormFieldControlDirective),
13225
+ },
13226
+ ],
13227
+ host: {
13228
+ '[class.pdx-collection-form-field-control]': 'true',
13229
+ '(focusin)': 'handleFocusIn()',
13230
+ '(focusout)': 'handleFocusOut($event)',
13231
+ },
13232
+ }]
13233
+ }], ctorParameters: () => [], propDecorators: { controlValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldValue", required: false }] }], controlModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldModel", required: false }] }], controlRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldRequired", required: false }] }], controlDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldDisabled", required: false }] }], controlErrorState: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldErrorState", required: false }] }], controlId: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldId", required: false }] }], controlOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldOpen", required: false }] }], controlShouldLabelFloat: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdxCollectionFormFieldShouldLabelFloat", required: false }] }] } });
13234
+
13074
13235
  class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13075
13236
  renderer = inject(Renderer2);
13076
13237
  lastConfiguredPath;
@@ -13088,6 +13249,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13088
13249
  materialCollectionSearch = viewChild(PdxCollectionSearchComponent, ...(ngDevMode ? [{ debugName: "materialCollectionSearch" }] : /* istanbul ignore next */ []));
13089
13250
  materialOverlayTrigger = viewChild('materialOverlayTrigger', ...(ngDevMode ? [{ debugName: "materialOverlayTrigger" }] : /* istanbul ignore next */ []));
13090
13251
  materialOverlayOptions = viewChildren('materialOverlayOption', ...(ngDevMode ? [{ debugName: "materialOverlayOptions" }] : /* istanbul ignore next */ []));
13252
+ pendingMaterialOverlayFocusIndex = null;
13091
13253
  termControl = new FormControl('');
13092
13254
  materialSearchTerm() {
13093
13255
  return String(this.termControl.value ?? '');
@@ -13095,6 +13257,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13095
13257
  activeLookupFilters = signal([], ...(ngDevMode ? [{ debugName: "activeLookupFilters" }] : /* istanbul ignore next */ []));
13096
13258
  selectedLookupSortKey = signal(null, ...(ngDevMode ? [{ debugName: "selectedLookupSortKey" }] : /* istanbul ignore next */ []));
13097
13259
  selectedLookupSearchStrategyKey = signal(null, ...(ngDevMode ? [{ debugName: "selectedLookupSearchStrategyKey" }] : /* istanbul ignore next */ []));
13260
+ lookupSearchFeedback = signal(null, ...(ngDevMode ? [{ debugName: "lookupSearchFeedback" }] : /* istanbul ignore next */ []));
13098
13261
  remoteTotalElements = signal(null, ...(ngDevMode ? [{ debugName: "remoteTotalElements" }] : /* istanbul ignore next */ []));
13099
13262
  queryTerm = signal('', ...(ngDevMode ? [{ debugName: "queryTerm" }] : /* istanbul ignore next */ []));
13100
13263
  store = new OptionStore();
@@ -13244,8 +13407,10 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13244
13407
  ngAfterViewInit() {
13245
13408
  super.ngAfterViewInit();
13246
13409
  const trigger = this.materialOverlayTrigger()?.nativeElement;
13247
- if (trigger)
13410
+ if (trigger) {
13248
13411
  this.registerInputElement(trigger);
13412
+ trigger.setAttribute('aria-label', this.selectionTriggerAriaLabel(this.materialFullDisplayText()));
13413
+ }
13249
13414
  }
13250
13415
  onOpened(opened) {
13251
13416
  if (opened) {
@@ -13278,17 +13443,21 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13278
13443
  if (this.searchable())
13279
13444
  this.materialCollectionSearch()?.focus();
13280
13445
  else
13281
- this.focusMaterialOption(0);
13446
+ this.focusMaterialOption(this.pendingMaterialOverlayFocusIndex ?? 0);
13447
+ this.pendingMaterialOverlayFocusIndex = null;
13282
13448
  });
13283
13449
  }
13284
13450
  onMaterialOverlayClosed() {
13285
13451
  this.openedChange.emit(false);
13286
13452
  }
13287
13453
  onMaterialTriggerKeydown(event) {
13454
+ if (this.isInteractionDisabled())
13455
+ return;
13288
13456
  if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp')
13289
13457
  return;
13290
13458
  event.preventDefault();
13291
13459
  if (!this.materialPanelOpen()) {
13460
+ this.pendingMaterialOverlayFocusIndex = event.key === 'ArrowDown' ? 0 : -1;
13292
13461
  this.materialPanelOpen.set(true);
13293
13462
  return;
13294
13463
  }
@@ -13304,11 +13473,15 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13304
13473
  event.stopPropagation();
13305
13474
  }
13306
13475
  selectMaterialOption(option) {
13476
+ if (this.isInteractionDisabled())
13477
+ return;
13307
13478
  this.selectOption(option);
13308
13479
  if (!this.multiple())
13309
13480
  this.materialCollectionOverlay()?.close('programmatic');
13310
13481
  }
13311
13482
  selectMaterialEmptyOption() {
13483
+ if (this.isInteractionDisabled())
13484
+ return;
13312
13485
  this.selectOption({ label: this.emptyOptionText() || '', value: null });
13313
13486
  this.materialCollectionOverlay()?.close('programmatic');
13314
13487
  }
@@ -13326,18 +13499,25 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13326
13499
  enabled[target]?.nativeElement.focus();
13327
13500
  }
13328
13501
  hasMaterialSelection() {
13502
+ this.fieldState();
13329
13503
  const value = this.control().value;
13330
13504
  return Array.isArray(value) ? value.length > 0 : value !== null && value !== undefined && value !== '';
13331
13505
  }
13332
13506
  materialDisplayText() {
13333
13507
  const value = this.control().value;
13334
13508
  if (!this.hasMaterialSelection())
13335
- return this.placeholder || this.label || '';
13509
+ return this.placeholder || '';
13336
13510
  const values = Array.isArray(value) ? value : [value];
13337
13511
  const labels = values.map((item) => this.resolveMaterialOptionLabel(item));
13338
13512
  return labels.length > 1 ? `${labels[0]} +${labels.length - 1}` : labels[0];
13339
13513
  }
13340
- materialLabelId() { return `${this.componentId()}-label`; }
13514
+ materialFullDisplayText() {
13515
+ if (!this.hasMaterialSelection())
13516
+ return '';
13517
+ const value = this.control().value;
13518
+ const values = Array.isArray(value) ? value : [value];
13519
+ return values.map((item) => this.resolveMaterialOptionLabel(item)).join(', ');
13520
+ }
13341
13521
  materialPanelId() { return `${this.componentId()}-options`; }
13342
13522
  materialOverlayId() { return `${this.componentId()}-popup`; }
13343
13523
  materialOverlayPanelWidth() { return 'min(420px, calc(100vw - 24px))'; }
@@ -13471,6 +13651,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13471
13651
  return this.currentLookupFiltering()?.searchStrategies ?? [];
13472
13652
  }
13473
13653
  initializeLookupFilteringState() {
13654
+ this.lookupSearchFeedback.set(null);
13474
13655
  const filtering = this.currentLookupFiltering();
13475
13656
  if (!filtering) {
13476
13657
  this.selectedLookupSortKey.set(null);
@@ -13692,7 +13873,17 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13692
13873
  ? ++this.queryGeneration
13693
13874
  : this.queryGeneration;
13694
13875
  this.synchronizeDependencyCriteriaFromControls();
13695
- const term = this.queryTerm();
13876
+ const termResolution = this.resolveGovernedLookupSearch(this.queryTerm());
13877
+ if (!termResolution.allowed) {
13878
+ if (reset)
13879
+ ++this.queryGeneration;
13880
+ this.loading.set(false);
13881
+ this.error.set(null);
13882
+ this.remoteTotalElements.set(null);
13883
+ this.endReached.set(false);
13884
+ return of(void 0);
13885
+ }
13886
+ const term = termResolution.term;
13696
13887
  const hasSearchTerm = !!term.trim();
13697
13888
  const optionSource = this.optionSource();
13698
13889
  const filter = { ...this.filterCriteria() };
@@ -13780,6 +13971,46 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13780
13971
  return EMPTY;
13781
13972
  }));
13782
13973
  }
13974
+ resolveGovernedLookupSearch(rawTerm) {
13975
+ const term = rawTerm.trim();
13976
+ if (!term) {
13977
+ this.lookupSearchFeedback.set(null);
13978
+ return { allowed: true, term: rawTerm };
13979
+ }
13980
+ const strategies = this.lookupSearchStrategies();
13981
+ if (!strategies.length) {
13982
+ this.lookupSearchFeedback.set(null);
13983
+ return { allowed: true, term: rawTerm };
13984
+ }
13985
+ const selectedKey = this.selectedLookupSearchStrategyKey();
13986
+ if (strategies.length > 1 && !selectedKey) {
13987
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyRequired', 'Selecione como deseja buscar.'));
13988
+ return { allowed: false };
13989
+ }
13990
+ const strategy = strategies.find(({ key }) => key === selectedKey);
13991
+ if (!strategy) {
13992
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyRequired', 'Selecione como deseja buscar.'));
13993
+ return { allowed: false };
13994
+ }
13995
+ let normalized = term;
13996
+ if (strategy.kind === 'normalized-document') {
13997
+ if (!/^[0-9.\-\s]+$/.test(term)) {
13998
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyDocumentFormat', 'Use apenas números, espaços, pontos ou hífens.'));
13999
+ return { allowed: false };
14000
+ }
14001
+ normalized = term.replace(/[^0-9]/g, '');
14002
+ }
14003
+ else if (strategy.inputFormat === 'digits' && !/^[0-9]+$/.test(term)) {
14004
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyDigitsOnly', 'Use apenas números nesta busca.'));
14005
+ return { allowed: false };
14006
+ }
14007
+ if (normalized.length < strategy.minSearchChars) {
14008
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyMinimum', `Digite pelo menos ${strategy.minSearchChars} caracteres.`, { minimum: strategy.minSearchChars }));
14009
+ return { allowed: false };
14010
+ }
14011
+ this.lookupSearchFeedback.set(null);
14012
+ return { allowed: true, term: normalized };
14013
+ }
13783
14014
  loadMore() {
13784
14015
  if (!this.showLoadMore())
13785
14016
  return;
@@ -13822,16 +14053,6 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13822
14053
  return;
13823
14054
  this.runQuery(true).subscribe();
13824
14055
  }
13825
- registerMatSelect(select) {
13826
- super.registerMatSelect(select);
13827
- const enhanced = select;
13828
- enhanced.displayWith = (opt) => opt &&
13829
- typeof opt === 'object' &&
13830
- 'label' in opt
13831
- ? String(opt.label ?? '')
13832
- : '';
13833
- enhanced.compareWith = (a, b) => this.areOptionValuesEqual(a, b);
13834
- }
13835
14056
  refocusSearchInput() {
13836
14057
  if (!this.searchable()) {
13837
14058
  return;
@@ -13977,7 +14198,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13977
14198
  this.hasPerformedInitialLoad = false;
13978
14199
  }
13979
14200
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAsyncSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
13980
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialAsyncSelectComponent, isStandalone: true, selector: "pdx-material-async-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isInteractionDisabled()", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"async-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
14201
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialAsyncSelectComponent, isStandalone: true, selector: "pdx-material-async-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isDisabledEffective()", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"async-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
13981
14202
  GenericCrudService,
13982
14203
  {
13983
14204
  provide: NG_VALUE_ACCESSOR,
@@ -14105,15 +14326,40 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14105
14326
  @if (hasValidationError()) {
14106
14327
  <mat-error>{{ errorMessage() }}</mat-error>
14107
14328
  }
14329
+ @if (lookupSearchFeedback()) {
14330
+ <mat-hint><span role="status">{{ lookupSearchFeedback() }}</span></mat-hint>
14331
+ }
14108
14332
  @if (hasInlineFieldHelp()) {
14109
14333
  <mat-hint>{{ fieldHelpInlineText() }}</mat-hint>
14110
14334
  }
14111
14335
  </mat-form-field>
14112
14336
  } @else {
14113
- <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
14114
- <label [id]="materialLabelId()">{{ label }}</label>
14115
- <div class="pdx-material-collection-field__control">
14116
- <pdx-collection-overlay
14337
+ <mat-form-field
14338
+ class="pdx-material-collection-form-field"
14339
+ [appearance]="materialAppearance()"
14340
+ [color]="materialColor()"
14341
+ [class]="componentCssClasses()"
14342
+ [floatLabel]="floatLabelBehavior()"
14343
+ [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
14344
+ [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
14345
+ >
14346
+ <mat-label>{{ label }}</mat-label>
14347
+ @if (metadata()?.prefixIcon) {
14348
+ <mat-icon matPrefix aria-hidden="true"
14349
+ [color]="iconPalette(metadata()?.prefixIconColor)"
14350
+ [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
14351
+ [praxisIcon]="metadata()!.prefixIcon" />
14352
+ }
14353
+ <pdx-collection-overlay
14354
+ pdxCollectionFormFieldControl
14355
+ [pdxCollectionFormFieldModel]="control()"
14356
+ [pdxCollectionFormFieldValue]="fieldState().value"
14357
+ [pdxCollectionFormFieldRequired]="metadata()?.required || false"
14358
+ [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
14359
+ [pdxCollectionFormFieldErrorState]="hasValidationError()"
14360
+ [pdxCollectionFormFieldId]="componentId()"
14361
+ [pdxCollectionFormFieldOpen]="materialPanelOpen()"
14362
+ [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
14117
14363
  [(open)]="materialPanelOpen"
14118
14364
  [ariaLabel]="selectPanelActionsAriaLabel()"
14119
14365
  [panelId]="materialOverlayId()"
@@ -14127,20 +14373,27 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14127
14373
  pdxCollectionOverlayTrigger
14128
14374
  type="button"
14129
14375
  class="pdx-material-collection-trigger"
14376
+ [class.is-readonly]="isReadonlyEffective() || presentationMode"
14130
14377
  role="combobox"
14131
14378
  aria-haspopup="dialog"
14132
- [attr.aria-labelledby]="materialLabelId()"
14379
+ [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
14133
14380
  [attr.aria-expanded]="materialPanelOpen()"
14134
14381
  [attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
14135
- [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
14382
+ [attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
14136
14383
  [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
14137
- [disabled]="isInteractionDisabled()"
14384
+ [attr.aria-required]="metadata()?.required || null"
14385
+ [tabIndex]="metadata()?.tabIndex ?? 0"
14386
+ [disabled]="isDisabledEffective()"
14387
+ [matTooltip]="materialFullDisplayText() || null"
14388
+ [matTooltipDisabled]="!materialFullDisplayText()"
14138
14389
  (click)="toggleMaterialOverlay()"
14139
14390
  (keydown)="onMaterialTriggerKeydown($event)"
14140
14391
  >
14141
- <span>{{ materialDisplayText() }}</span>
14392
+ <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
14142
14393
  @if (loading()) { <mat-progress-spinner diameter="18" mode="indeterminate" /> }
14143
- @else { <mat-icon aria-hidden="true">arrow_drop_down</mat-icon> }
14394
+ @else if (!(isReadonlyEffective() || presentationMode)) {
14395
+ <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
14396
+ }
14144
14397
  </button>
14145
14398
 
14146
14399
  @if (searchable()) {
@@ -14156,6 +14409,9 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14156
14409
  (keydown)="onMaterialSearchKeydown($event)"
14157
14410
  />
14158
14411
  }
14412
+ @if (lookupSearchFeedback()) {
14413
+ <p class="pdx-material-collection-field__hint" role="status">{{ lookupSearchFeedback() }}</p>
14414
+ }
14159
14415
 
14160
14416
  <div pdxCollectionOverlayOptions class="pdx-material-async-select-options"
14161
14417
  [id]="materialPanelId()" role="listbox"
@@ -14193,20 +14449,30 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14193
14449
  [endReachedLabel]="endOfOptionsLabel()" [disabled]="isInteractionDisabled()"
14194
14450
  (loadMore)="onLoadMoreInteraction($event)" />
14195
14451
  }
14196
- </pdx-collection-overlay>
14452
+ </pdx-collection-overlay>
14197
14453
 
14198
- @if (!loading() && showClear()) {
14199
- <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
14200
- [attr.aria-label]="clearActionAriaLabel()">
14201
- <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
14202
- </button>
14203
- }
14204
- </div>
14205
- @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
14206
- @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
14207
- </div>
14454
+ @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
14455
+ <span matSuffix class="pdx-material-collection-actions">
14456
+ @if (!loading() && showClear()) {
14457
+ <button mat-icon-button type="button" class="pdx-material-collection-clear"
14458
+ (click)="onClearClick()" [attr.aria-label]="clearActionAriaLabel()">
14459
+ <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
14460
+ </button>
14461
+ }
14462
+ @if (fieldHelpPopoverText()) {
14463
+ <button mat-icon-button type="button" class="pdx-field-help-icon"
14464
+ [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
14465
+ [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
14466
+ <mat-icon [praxisIcon]="'help_outline'" />
14467
+ </button>
14468
+ }
14469
+ </span>
14470
+ }
14471
+ @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
14472
+ @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
14473
+ </mat-form-field>
14208
14474
  }
14209
- `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
14475
+ `, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
14210
14476
  }
14211
14477
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAsyncSelectComponent, decorators: [{
14212
14478
  type: Component,
@@ -14218,13 +14484,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14218
14484
  PraxisIconDirective,
14219
14485
  ReactiveFormsModule,
14220
14486
  MatFormFieldModule,
14221
- MatSelectModule,
14222
14487
  MatProgressSpinnerModule,
14223
14488
  MatTooltipModule,
14224
14489
  SelectPanelActionsComponent,
14225
14490
  PdxCollectionOverlayComponent,
14226
14491
  PdxCollectionOverlayTriggerDirective,
14227
14492
  PdxCollectionSearchComponent,
14493
+ PdxCollectionFormFieldControlDirective,
14228
14494
  ], template: `
14229
14495
  @if (usesSearchCombobox()) {
14230
14496
  <mat-form-field
@@ -14346,15 +14612,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14346
14612
  @if (hasValidationError()) {
14347
14613
  <mat-error>{{ errorMessage() }}</mat-error>
14348
14614
  }
14615
+ @if (lookupSearchFeedback()) {
14616
+ <mat-hint><span role="status">{{ lookupSearchFeedback() }}</span></mat-hint>
14617
+ }
14349
14618
  @if (hasInlineFieldHelp()) {
14350
14619
  <mat-hint>{{ fieldHelpInlineText() }}</mat-hint>
14351
14620
  }
14352
14621
  </mat-form-field>
14353
14622
  } @else {
14354
- <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
14355
- <label [id]="materialLabelId()">{{ label }}</label>
14356
- <div class="pdx-material-collection-field__control">
14357
- <pdx-collection-overlay
14623
+ <mat-form-field
14624
+ class="pdx-material-collection-form-field"
14625
+ [appearance]="materialAppearance()"
14626
+ [color]="materialColor()"
14627
+ [class]="componentCssClasses()"
14628
+ [floatLabel]="floatLabelBehavior()"
14629
+ [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
14630
+ [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
14631
+ >
14632
+ <mat-label>{{ label }}</mat-label>
14633
+ @if (metadata()?.prefixIcon) {
14634
+ <mat-icon matPrefix aria-hidden="true"
14635
+ [color]="iconPalette(metadata()?.prefixIconColor)"
14636
+ [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
14637
+ [praxisIcon]="metadata()!.prefixIcon" />
14638
+ }
14639
+ <pdx-collection-overlay
14640
+ pdxCollectionFormFieldControl
14641
+ [pdxCollectionFormFieldModel]="control()"
14642
+ [pdxCollectionFormFieldValue]="fieldState().value"
14643
+ [pdxCollectionFormFieldRequired]="metadata()?.required || false"
14644
+ [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
14645
+ [pdxCollectionFormFieldErrorState]="hasValidationError()"
14646
+ [pdxCollectionFormFieldId]="componentId()"
14647
+ [pdxCollectionFormFieldOpen]="materialPanelOpen()"
14648
+ [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
14358
14649
  [(open)]="materialPanelOpen"
14359
14650
  [ariaLabel]="selectPanelActionsAriaLabel()"
14360
14651
  [panelId]="materialOverlayId()"
@@ -14368,20 +14659,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14368
14659
  pdxCollectionOverlayTrigger
14369
14660
  type="button"
14370
14661
  class="pdx-material-collection-trigger"
14662
+ [class.is-readonly]="isReadonlyEffective() || presentationMode"
14371
14663
  role="combobox"
14372
14664
  aria-haspopup="dialog"
14373
- [attr.aria-labelledby]="materialLabelId()"
14665
+ [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
14374
14666
  [attr.aria-expanded]="materialPanelOpen()"
14375
14667
  [attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
14376
- [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
14668
+ [attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
14377
14669
  [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
14378
- [disabled]="isInteractionDisabled()"
14670
+ [attr.aria-required]="metadata()?.required || null"
14671
+ [tabIndex]="metadata()?.tabIndex ?? 0"
14672
+ [disabled]="isDisabledEffective()"
14673
+ [matTooltip]="materialFullDisplayText() || null"
14674
+ [matTooltipDisabled]="!materialFullDisplayText()"
14379
14675
  (click)="toggleMaterialOverlay()"
14380
14676
  (keydown)="onMaterialTriggerKeydown($event)"
14381
14677
  >
14382
- <span>{{ materialDisplayText() }}</span>
14678
+ <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
14383
14679
  @if (loading()) { <mat-progress-spinner diameter="18" mode="indeterminate" /> }
14384
- @else { <mat-icon aria-hidden="true">arrow_drop_down</mat-icon> }
14680
+ @else if (!(isReadonlyEffective() || presentationMode)) {
14681
+ <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
14682
+ }
14385
14683
  </button>
14386
14684
 
14387
14685
  @if (searchable()) {
@@ -14397,6 +14695,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14397
14695
  (keydown)="onMaterialSearchKeydown($event)"
14398
14696
  />
14399
14697
  }
14698
+ @if (lookupSearchFeedback()) {
14699
+ <p class="pdx-material-collection-field__hint" role="status">{{ lookupSearchFeedback() }}</p>
14700
+ }
14400
14701
 
14401
14702
  <div pdxCollectionOverlayOptions class="pdx-material-async-select-options"
14402
14703
  [id]="materialPanelId()" role="listbox"
@@ -14434,18 +14735,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14434
14735
  [endReachedLabel]="endOfOptionsLabel()" [disabled]="isInteractionDisabled()"
14435
14736
  (loadMore)="onLoadMoreInteraction($event)" />
14436
14737
  }
14437
- </pdx-collection-overlay>
14738
+ </pdx-collection-overlay>
14438
14739
 
14439
- @if (!loading() && showClear()) {
14440
- <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
14441
- [attr.aria-label]="clearActionAriaLabel()">
14442
- <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
14443
- </button>
14444
- }
14445
- </div>
14446
- @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
14447
- @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
14448
- </div>
14740
+ @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
14741
+ <span matSuffix class="pdx-material-collection-actions">
14742
+ @if (!loading() && showClear()) {
14743
+ <button mat-icon-button type="button" class="pdx-material-collection-clear"
14744
+ (click)="onClearClick()" [attr.aria-label]="clearActionAriaLabel()">
14745
+ <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
14746
+ </button>
14747
+ }
14748
+ @if (fieldHelpPopoverText()) {
14749
+ <button mat-icon-button type="button" class="pdx-field-help-icon"
14750
+ [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
14751
+ [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
14752
+ <mat-icon [praxisIcon]="'help_outline'" />
14753
+ </button>
14754
+ }
14755
+ </span>
14756
+ }
14757
+ @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
14758
+ @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
14759
+ </mat-form-field>
14449
14760
  }
14450
14761
  `, providers: [
14451
14762
  GenericCrudService,
@@ -14456,13 +14767,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14456
14767
  },
14457
14768
  ], host: {
14458
14769
  '[class]': 'componentCssClasses()',
14459
- '[class.praxis-disabled]': 'isInteractionDisabled()',
14770
+ '[class.praxis-disabled]': 'isDisabledEffective()',
14460
14771
  '[style.display]': 'visible ? null : "none"',
14461
14772
  '[attr.aria-hidden]': 'visible ? null : "true"',
14462
14773
  '[attr.data-field-type]': '"async-select"',
14463
14774
  '[attr.data-field-name]': 'metadata()?.name',
14464
14775
  '[attr.data-component-id]': 'componentId()',
14465
- }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"] }]
14776
+ }, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"] }]
14466
14777
  }], propDecorators: { readonlyMode: [{
14467
14778
  type: Input
14468
14779
  }], disabledMode: [{
@@ -14480,6 +14791,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14480
14791
  }], materialCollectionOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PdxCollectionOverlayComponent), { isSignal: true }] }], materialCollectionSearch: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PdxCollectionSearchComponent), { isSignal: true }] }], materialOverlayTrigger: [{ type: i0.ViewChild, args: ['materialOverlayTrigger', { isSignal: true }] }], materialOverlayOptions: [{ type: i0.ViewChildren, args: ['materialOverlayOption', { isSignal: true }] }] } });
14481
14792
 
14482
14793
  class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14794
+ hostRef = inject(ElementRef);
14483
14795
  detailServiceInjector = inject(Injector);
14484
14796
  dialog = inject(MatDialog);
14485
14797
  inlineMinWidthPx = 148;
@@ -14501,6 +14813,15 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14501
14813
  singleSelectionCloseDestroyHookRegistered = false;
14502
14814
  placeholderTextCacheSignature = '';
14503
14815
  placeholderTextCache = '';
14816
+ ngDoCheck() {
14817
+ if (this.matSelect) {
14818
+ this.matSelect.disabled = this.interactionDisabled();
14819
+ }
14820
+ }
14821
+ ngAfterViewInit() {
14822
+ super.ngAfterViewInit();
14823
+ queueMicrotask(() => this.syncFullFieldLabelNotch());
14824
+ }
14504
14825
  set initialMetadata(metadata) {
14505
14826
  if (metadata) {
14506
14827
  this.setSelectMetadata(metadata);
@@ -14533,6 +14854,18 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14533
14854
  super.setMetadata(metadata);
14534
14855
  this.fieldLabelText = this.resolveFieldLabelFromMetadata(metadata);
14535
14856
  this.recalculateInlineSizeBounds();
14857
+ queueMicrotask(() => this.syncFullFieldLabelNotch());
14858
+ }
14859
+ syncFullFieldLabelNotch() {
14860
+ if (!this.fullFieldLayout())
14861
+ return;
14862
+ const host = this.hostRef.nativeElement;
14863
+ const label = host.querySelector('.pdx-entity-lookup-rich .mdc-floating-label');
14864
+ const notch = host.querySelector('.pdx-entity-lookup-rich .mdc-notched-outline__notch');
14865
+ const labelWidth = label?.getBoundingClientRect().width ?? 0;
14866
+ if (!notch || labelWidth <= 0)
14867
+ return;
14868
+ notch.style.width = `${Math.ceil(labelWidth + 8)}px`;
14536
14869
  }
14537
14870
  onComponentInit() {
14538
14871
  super.onComponentInit();
@@ -14545,7 +14878,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14545
14878
  return;
14546
14879
  }
14547
14880
  const target = event.target instanceof Element ? event.target : null;
14548
- if (target?.closest('button, a, input, textarea, [role="button"]')) {
14881
+ if (target?.closest('button, a, input, textarea, [role="button"], [role="combobox"]')) {
14549
14882
  return;
14550
14883
  }
14551
14884
  this.matSelect?.open();
@@ -16977,7 +17310,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
16977
17310
  }
16978
17311
  </span>
16979
17312
  }
16980
- `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;box-sizing:border-box}.pdx-lookup-external-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.pdx-lookup-token-remove-action{display:inline-grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-lookup-token-remove-action:focus-visible,.pdx-lookup-external-actions .pdx-lookup-icon-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-entity-lookup-dialog-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border:0;border-radius:50%;background:transparent;color:var(--md-sys-color-primary);cursor:pointer}.pdx-entity-lookup-dialog-action:hover{background:var(--md-sys-color-primary-container)}.pdx-entity-lookup-dialog-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-rich-field.is-info{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var( --pdx-entity-lookup-avatar-text, var(--md-sys-color-primary) );font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:4px;min-width:max-content;margin-inline-start:2px;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 36px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;gap:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;flex:0 0 42px;min-width:42px;padding:0 6px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{border-top-color:transparent!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var( --pdx-entity-lookup-selected-compact-inline-start, 14px );max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var( --pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest) )!important;color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
17313
+ `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;box-sizing:border-box}.pdx-lookup-external-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.pdx-lookup-token-remove-action{display:inline-grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-lookup-token-remove-action:focus-visible,.pdx-lookup-external-actions .pdx-lookup-icon-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-entity-lookup-dialog-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border:0;border-radius:50%;background:transparent;color:var(--md-sys-color-primary);cursor:pointer}.pdx-entity-lookup-dialog-action:hover{background:var(--md-sys-color-primary-container)}.pdx-entity-lookup-dialog-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-rich-field.is-info{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var( --pdx-entity-lookup-avatar-text, var(--md-sys-color-primary) );font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:4px;min-width:max-content;margin-inline-start:2px;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 36px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;gap:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;flex:0 0 42px;min-width:42px;padding:0 6px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{border-top-color:transparent!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var( --pdx-entity-lookup-selected-compact-inline-start, 14px );max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var( --pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest) )!important;color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
16981
17314
  }
16982
17315
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineEntityLookupComponent, decorators: [{
16983
17316
  type: Component,
@@ -17502,7 +17835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
17502
17835
  '[attr.data-field-type]': 'fullFieldLayout() ? "entityLookup" : "inlineEntityLookup"',
17503
17836
  '[attr.data-field-name]': 'metadata()?.name',
17504
17837
  '[attr.data-component-id]': 'componentId()',
17505
- }, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;box-sizing:border-box}.pdx-lookup-external-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.pdx-lookup-token-remove-action{display:inline-grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-lookup-token-remove-action:focus-visible,.pdx-lookup-external-actions .pdx-lookup-icon-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-entity-lookup-dialog-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border:0;border-radius:50%;background:transparent;color:var(--md-sys-color-primary);cursor:pointer}.pdx-entity-lookup-dialog-action:hover{background:var(--md-sys-color-primary-container)}.pdx-entity-lookup-dialog-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-rich-field.is-info{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var( --pdx-entity-lookup-avatar-text, var(--md-sys-color-primary) );font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:4px;min-width:max-content;margin-inline-start:2px;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 36px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;gap:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;flex:0 0 42px;min-width:42px;padding:0 6px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{border-top-color:transparent!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var( --pdx-entity-lookup-selected-compact-inline-start, 14px );max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var( --pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest) )!important;color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
17838
+ }, styles: [":host{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;max-width:100%;box-sizing:border-box}.pdx-lookup-external-actions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.pdx-lookup-token-remove-action{display:inline-grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.pdx-lookup-token-remove-action:focus-visible,.pdx-lookup-external-actions .pdx-lookup-icon-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-entity-lookup-dialog-action{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;flex:0 0 36px;border:0;border-radius:50%;background:transparent;color:var(--md-sys-color-primary);cursor:pointer}.pdx-entity-lookup-dialog-action:hover{background:var(--md-sys-color-primary-container)}.pdx-entity-lookup-dialog-action:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-rich-field.is-info{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var( --pdx-entity-lookup-avatar-text, var(--md-sys-color-primary) );font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:4px;min-width:max-content;margin-inline-start:2px;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:32px;height:32px;min-width:32px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534) )}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix( in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent ) );color:var( --pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e) )}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high) ) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix( in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent ) );color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b) )}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var( --pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c) )}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 36px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;gap:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;flex:0 0 42px;min-width:42px;padding:0 6px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{border-top-color:transparent!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var( --pdx-entity-lookup-selected-compact-inline-start, 14px );max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var( --pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest) )!important;color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var( --pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant) );font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var( --pdx-inline-panel-on-surface, var(--md-sys-color-on-surface) )}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var( --pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high) ))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
17506
17839
  }], propDecorators: { initialMetadata: [{
17507
17840
  type: Input
17508
17841
  }], onLookupHostClick: [{
@@ -18302,6 +18635,9 @@ class EntityLookupDialogComponent {
18302
18635
  [attr.aria-label]="dialogSearchAriaLabel()"
18303
18636
  data-testid="entity-lookup-dialog-search-input"
18304
18637
  />
18638
+ @if (lookup().lookupSearchFeedback()) {
18639
+ <mat-hint><span role="status">{{ lookup().lookupSearchFeedback() }}</span></mat-hint>
18640
+ }
18305
18641
  </mat-form-field>
18306
18642
 
18307
18643
  @if (showSortControl()) {
@@ -18810,7 +19146,7 @@ class EntityLookupDialogComponent {
18810
19146
  {{ applyText() }}
18811
19147
  </button>
18812
19148
  </mat-dialog-actions>
18813
- `, isInline: true, styles: [".pdx-lookup-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:12px}.pdx-lookup-dialog-titlebar h2{min-width:0;margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-state.is-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-error) 7%,var(--md-sys-color-surface));color:var(--md-sys-color-on-surface)}.pdx-lookup-dialog-state.is-error>mat-icon{color:var(--md-sys-color-error)}.pdx-lookup-dialog-state-copy{display:grid;gap:4px;min-width:0}.pdx-lookup-dialog-state-copy>span{color:var(--md-sys-color-on-surface-variant);line-height:1.4}.pdx-lookup-dialog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}.pdx-lookup-dialog-intro{display:grid;gap:4px;margin:0 0 12px}.pdx-lookup-dialog-intro strong{color:var(--md-sys-color-on-surface);font-size:.96rem;line-height:1.3}.pdx-lookup-dialog-intro span{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.35}.pdx-lookup-dialog-search{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-sort{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{width:100%;min-width:0;min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-panel{display:flex;flex-direction:column;gap:12px;padding:12px;margin:8px 0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.pdx-lookup-dialog-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pdx-lookup-dialog-filter-field{display:flex;flex-direction:column;gap:6px;color:var(--md-sys-color-on-surface);font-size:.9rem}.pdx-lookup-dialog-filter-field input,.pdx-lookup-dialog-filter-field select{min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-field select.is-multiple{min-height:96px;padding:8px 10px}.pdx-lookup-dialog-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pdx-lookup-dialog-filter-field small{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-filter-actions{display:flex;justify-content:flex-end;gap:8px}.pdx-lookup-dialog-summary{margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-summary-warning{color:var(--md-sys-color-error)}.pdx-lookup-dialog-content-grid{display:block}.pdx-lookup-dialog-content-grid.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.pdx-lookup-dialog-results{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.pdx-lookup-dialog-results.is-card-layout{gap:12px}.pdx-lookup-dialog-results.is-compact-layout{gap:6px}.pdx-lookup-dialog-table{display:flex;flex-direction:column;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden}.pdx-lookup-dialog-table-head,.pdx-lookup-dialog-table-row{display:flex;align-items:stretch}.pdx-lookup-dialog-table-head{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-lookup-dialog-table-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer}.pdx-lookup-dialog-table-row:last-child{border-bottom:0}.pdx-lookup-dialog-table-row.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-table-row.is-blocked,.pdx-lookup-dialog-row.is-blocked{background:color-mix(in srgb,var(--md-sys-color-error) 4%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-legacy,.pdx-lookup-dialog-row.is-legacy{background:color-mix(in srgb,var(--md-sys-color-tertiary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-cell{min-width:0;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-dialog-table-cell.is-head{font-size:.78rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-row{display:block;width:100%;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px 14px;cursor:pointer}.pdx-lookup-dialog-row.is-selected{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-row-main,.pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-row-meta{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-row-main{flex-direction:column;gap:8px}.pdx-lookup-dialog-row-heading strong{font-size:.98rem;line-height:1.3}.pdx-lookup-dialog-row-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;line-height:1.2}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row{padding:8px 10px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-meta{gap:6px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-description{font-size:.85rem}.pdx-lookup-dialog-row-description{color:var(--md-sys-color-on-surface-variant);line-height:1.35}.pdx-lookup-dialog-row-meta{align-items:center}.pdx-lookup-dialog-row-note,.pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3}.pdx-lookup-dialog-row-note.is-warning,.pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}.pdx-lookup-dialog-row-note.is-danger,.pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}.pdx-lookup-dialog-state,.pdx-lookup-dialog-footer-row{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px 0 4px}.pdx-lookup-dialog-runtime-host{display:none}.pdx-lookup-dialog-preview{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.pdx-lookup-dialog-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-lookup-dialog-preview-heading{display:flex;flex-direction:column;gap:4px}.pdx-lookup-dialog-preview-heading small,.pdx-lookup-dialog-preview-description,.pdx-lookup-dialog-preview-grid dt{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-preview-badges{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-preview-note{display:grid;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-dialog-preview-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-dialog-preview-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-dialog-preview-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-dialog-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.pdx-lookup-dialog-preview-grid div{min-width:0}.pdx-lookup-dialog-preview-grid dt{font-size:.78rem;margin-bottom:2px}.pdx-lookup-dialog-preview-grid dd{margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-preview-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:960px){.pdx-lookup-dialog-toolbar{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%}.pdx-lookup-dialog-sort{min-height:0;grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-sort select{width:100%;min-width:0}.pdx-lookup-dialog-content-grid.has-preview{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{position:static}}@media(max-width:640px){.pdx-lookup-dialog-state.is-error{grid-template-columns:auto minmax(0,1fr)}.pdx-lookup-dialog-state.is-error>button{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-intro{margin-bottom:10px}.pdx-lookup-dialog-results{max-height:none;padding-right:0}.pdx-lookup-dialog-row{padding:10px 12px}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{padding:12px}.pdx-lookup-dialog-preview-grid{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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: "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: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: InlineEntityLookupComponent, selector: "pdx-inline-entity-lookup", inputs: ["initialMetadata"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }] });
19149
+ `, isInline: true, styles: [".pdx-lookup-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:12px}.pdx-lookup-dialog-titlebar h2{min-width:0;margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-state.is-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-error) 7%,var(--md-sys-color-surface));color:var(--md-sys-color-on-surface)}.pdx-lookup-dialog-state.is-error>mat-icon{color:var(--md-sys-color-error)}.pdx-lookup-dialog-state-copy{display:grid;gap:4px;min-width:0}.pdx-lookup-dialog-state-copy>span{color:var(--md-sys-color-on-surface-variant);line-height:1.4}.pdx-lookup-dialog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}.pdx-lookup-dialog-intro{display:grid;gap:4px;margin:0 0 12px}.pdx-lookup-dialog-intro strong{color:var(--md-sys-color-on-surface);font-size:.96rem;line-height:1.3}.pdx-lookup-dialog-intro span{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.35}.pdx-lookup-dialog-search{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-sort{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{width:100%;min-width:0;min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-panel{display:flex;flex-direction:column;gap:12px;padding:12px;margin:8px 0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.pdx-lookup-dialog-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pdx-lookup-dialog-filter-field{display:flex;flex-direction:column;gap:6px;color:var(--md-sys-color-on-surface);font-size:.9rem}.pdx-lookup-dialog-filter-field input,.pdx-lookup-dialog-filter-field select{min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-field select.is-multiple{min-height:96px;padding:8px 10px}.pdx-lookup-dialog-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pdx-lookup-dialog-filter-field small{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-filter-actions{display:flex;justify-content:flex-end;gap:8px}.pdx-lookup-dialog-summary{margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-summary-warning{color:var(--md-sys-color-error)}.pdx-lookup-dialog-content-grid{display:block}.pdx-lookup-dialog-content-grid.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.pdx-lookup-dialog-results{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.pdx-lookup-dialog-results.is-card-layout{gap:12px}.pdx-lookup-dialog-results.is-compact-layout{gap:6px}.pdx-lookup-dialog-table{display:flex;flex-direction:column;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden}.pdx-lookup-dialog-table-head,.pdx-lookup-dialog-table-row{display:flex;align-items:stretch}.pdx-lookup-dialog-table-head{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-lookup-dialog-table-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer}.pdx-lookup-dialog-table-row:last-child{border-bottom:0}.pdx-lookup-dialog-table-row.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-table-row.is-blocked,.pdx-lookup-dialog-row.is-blocked{background:color-mix(in srgb,var(--md-sys-color-error) 4%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-legacy,.pdx-lookup-dialog-row.is-legacy{background:color-mix(in srgb,var(--md-sys-color-tertiary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-cell{min-width:0;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-dialog-table-cell.is-head{font-size:.78rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-row{display:block;width:100%;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px 14px;cursor:pointer}.pdx-lookup-dialog-row.is-selected{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-row-main,.pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-row-meta{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-row-main{flex-direction:column;gap:8px}.pdx-lookup-dialog-row-heading strong{font-size:.98rem;line-height:1.3}.pdx-lookup-dialog-row-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;line-height:1.2}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row{padding:8px 10px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-meta{gap:6px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-description{font-size:.85rem}.pdx-lookup-dialog-row-description{color:var(--md-sys-color-on-surface-variant);line-height:1.35}.pdx-lookup-dialog-row-meta{align-items:center}.pdx-lookup-dialog-row-note,.pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3}.pdx-lookup-dialog-row-note.is-warning,.pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}.pdx-lookup-dialog-row-note.is-danger,.pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}.pdx-lookup-dialog-state,.pdx-lookup-dialog-footer-row{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px 0 4px}.pdx-lookup-dialog-runtime-host{display:none}.pdx-lookup-dialog-preview{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.pdx-lookup-dialog-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-lookup-dialog-preview-heading{display:flex;flex-direction:column;gap:4px}.pdx-lookup-dialog-preview-heading small,.pdx-lookup-dialog-preview-description,.pdx-lookup-dialog-preview-grid dt{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-preview-badges{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-preview-note{display:grid;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-dialog-preview-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-dialog-preview-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-dialog-preview-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-dialog-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.pdx-lookup-dialog-preview-grid div{min-width:0}.pdx-lookup-dialog-preview-grid dt{font-size:.78rem;margin-bottom:2px}.pdx-lookup-dialog-preview-grid dd{margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-preview-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:960px){.pdx-lookup-dialog-toolbar{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%}.pdx-lookup-dialog-sort{min-height:0;grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-sort select{width:100%;min-width:0}.pdx-lookup-dialog-content-grid.has-preview{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{position:static}}@media(max-width:640px){.pdx-lookup-dialog-state.is-error{grid-template-columns:auto minmax(0,1fr)}.pdx-lookup-dialog-state.is-error>button{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-intro{margin-bottom:10px}.pdx-lookup-dialog-results{max-height:none;padding-right:0}.pdx-lookup-dialog-row{padding:10px 12px}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{padding:12px}.pdx-lookup-dialog-preview-grid{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { 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: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: InlineEntityLookupComponent, selector: "pdx-inline-entity-lookup", inputs: ["initialMetadata"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }] });
18814
19150
  }
18815
19151
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EntityLookupDialogComponent, decorators: [{
18816
19152
  type: Component,
@@ -18860,6 +19196,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
18860
19196
  [attr.aria-label]="dialogSearchAriaLabel()"
18861
19197
  data-testid="entity-lookup-dialog-search-input"
18862
19198
  />
19199
+ @if (lookup().lookupSearchFeedback()) {
19200
+ <mat-hint><span role="status">{{ lookup().lookupSearchFeedback() }}</span></mat-hint>
19201
+ }
18863
19202
  </mat-form-field>
18864
19203
 
18865
19204
  @if (showSortControl()) {
@@ -20719,6 +21058,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20719
21058
  collectionSearch = viewChild(PdxCollectionSearchComponent, ...(ngDevMode ? [{ debugName: "collectionSearch" }] : /* istanbul ignore next */ []));
20720
21059
  overlayTrigger = viewChild('overlayTrigger', ...(ngDevMode ? [{ debugName: "overlayTrigger" }] : /* istanbul ignore next */ []));
20721
21060
  overlayOptions = viewChildren('overlayOption', ...(ngDevMode ? [{ debugName: "overlayOptions" }] : /* istanbul ignore next */ []));
21061
+ pendingOverlayFocusIndex = null;
20722
21062
  defaultPanelClass() {
20723
21063
  return 'pdx-material-select-panel';
20724
21064
  }
@@ -20747,8 +21087,10 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20747
21087
  ngAfterViewInit() {
20748
21088
  super.ngAfterViewInit();
20749
21089
  const trigger = this.overlayTrigger()?.nativeElement;
20750
- if (trigger)
21090
+ if (trigger) {
20751
21091
  this.registerInputElement(trigger);
21092
+ trigger.setAttribute('aria-label', this.selectionTriggerAriaLabel(this.materialFullDisplayText()));
21093
+ }
20752
21094
  }
20753
21095
  // Error state matcher used by mat-form-field wrapper
20754
21096
  errorStateMatcher() {
@@ -20774,8 +21116,13 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20774
21116
  this.openedChange.emit(true);
20775
21117
  if (this.resourcePath() && this.options().length === 0 && !this.loading())
20776
21118
  this.loadOptions(0);
20777
- if (this.searchable())
21119
+ if (this.searchable()) {
20778
21120
  queueMicrotask(() => this.collectionSearch()?.focus());
21121
+ }
21122
+ else if (this.pendingOverlayFocusIndex !== null) {
21123
+ this.focusOverlayOption(this.pendingOverlayFocusIndex);
21124
+ }
21125
+ this.pendingOverlayFocusIndex = null;
20779
21126
  }
20780
21127
  onOverlayClosed() {
20781
21128
  this.openedChange.emit(false);
@@ -20787,10 +21134,13 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20787
21134
  this.searchTerm.set('');
20788
21135
  }
20789
21136
  onTriggerKeydown(event) {
21137
+ if (this.isInteractionDisabled())
21138
+ return;
20790
21139
  if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp')
20791
21140
  return;
20792
21141
  event.preventDefault();
20793
21142
  if (!this.panelOpen()) {
21143
+ this.pendingOverlayFocusIndex = event.key === 'ArrowDown' ? 0 : -1;
20794
21144
  this.panelOpen.set(true);
20795
21145
  return;
20796
21146
  }
@@ -20805,10 +21155,14 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20805
21155
  event.stopPropagation();
20806
21156
  }
20807
21157
  selectOverlayOption(option) {
21158
+ if (this.isInteractionDisabled())
21159
+ return;
20808
21160
  this.selectOption(option);
20809
21161
  this.collectionOverlay()?.close('programmatic');
20810
21162
  }
20811
21163
  selectEmptyOption() {
21164
+ if (this.isInteractionDisabled())
21165
+ return;
20812
21166
  this.selectOption({ label: this.emptyOptionText() || '', value: null });
20813
21167
  this.collectionOverlay()?.close('programmatic');
20814
21168
  }
@@ -20826,16 +21180,24 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20826
21180
  enabled[target]?.nativeElement.focus();
20827
21181
  }
20828
21182
  hasSelectionValue() {
21183
+ this.fieldState();
20829
21184
  const value = this.control().value;
20830
21185
  return value !== null && value !== undefined && value !== '';
20831
21186
  }
20832
21187
  materialDisplayText() {
20833
21188
  const value = this.control().value;
20834
21189
  if (!this.hasSelectionValue())
20835
- return this.placeholder || this.label || '';
21190
+ return this.placeholder || '';
20836
21191
  return this.options().find((option) => this.sameValue(option.value, value))?.label ?? String(value);
20837
21192
  }
20838
- labelId() { return `${this.componentId()}-label`; }
21193
+ materialFullDisplayText() {
21194
+ return this.hasSelectionValue() ? this.materialDisplayText() : '';
21195
+ }
21196
+ materialTriggerTooltip() {
21197
+ if (this.tooltipEnabled() && this.errorMessage())
21198
+ return this.errorMessage();
21199
+ return this.materialFullDisplayText() || null;
21200
+ }
20839
21201
  panelId() { return `${this.componentId()}-options`; }
20840
21202
  overlayId() { return `${this.componentId()}-popup`; }
20841
21203
  overlayPanelWidth() { return 'min(420px, calc(100vw - 24px))'; }
@@ -20872,7 +21234,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20872
21234
  };
20873
21235
  }
20874
21236
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
20875
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialSelectComponent, isStandalone: true, selector: "pdx-material-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isInteractionDisabled()", "style.display": "visible ? \"block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"100%\"", "attr.data-field-type": "\"select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
21237
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialSelectComponent, isStandalone: true, selector: "pdx-material-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isDisabledEffective()", "class.praxis-readonly": "isReadonlyEffective() || presentationMode", "style.display": "visible ? \"block\" : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "\"100%\"", "attr.data-field-type": "\"select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
20876
21238
  GenericCrudService,
20877
21239
  {
20878
21240
  provide: NG_VALUE_ACCESSOR,
@@ -20880,12 +21242,37 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20880
21242
  multi: true,
20881
21243
  },
20882
21244
  ], viewQueries: [{ propertyName: "collectionOverlay", first: true, predicate: PdxCollectionOverlayComponent, descendants: true, isSignal: true }, { propertyName: "collectionSearch", first: true, predicate: PdxCollectionSearchComponent, descendants: true, isSignal: true }, { propertyName: "overlayTrigger", first: true, predicate: ["overlayTrigger"], descendants: true, isSignal: true }, { propertyName: "overlayOptions", predicate: ["overlayOption"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
20883
- <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
20884
- <label [id]="labelId()">{{ label }}</label>
20885
- <div class="pdx-material-collection-field__control">
20886
- <pdx-collection-overlay
21245
+ <mat-form-field
21246
+ class="pdx-material-collection-form-field"
21247
+ [appearance]="materialAppearance()"
21248
+ [color]="materialColor()"
21249
+ [class]="componentCssClasses()"
21250
+ [floatLabel]="floatLabelBehavior()"
21251
+ [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
21252
+ [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
21253
+ >
21254
+ <mat-label>{{ label }}</mat-label>
21255
+ @if (metadata()?.prefixIcon) {
21256
+ <mat-icon
21257
+ matPrefix
21258
+ [color]="iconPalette(metadata()?.prefixIconColor)"
21259
+ [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
21260
+ [praxisIcon]="metadata()!.prefixIcon"
21261
+ />
21262
+ }
21263
+
21264
+ <pdx-collection-overlay
21265
+ pdxCollectionFormFieldControl
21266
+ [pdxCollectionFormFieldModel]="control()"
21267
+ [pdxCollectionFormFieldValue]="fieldState().value"
21268
+ [pdxCollectionFormFieldRequired]="metadata()?.required || false"
21269
+ [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
21270
+ [pdxCollectionFormFieldErrorState]="hasValidationError()"
21271
+ [pdxCollectionFormFieldId]="componentId()"
21272
+ [pdxCollectionFormFieldOpen]="panelOpen()"
21273
+ [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
20887
21274
  [(open)]="panelOpen"
20888
- [ariaLabel]="label || metadata()?.name || 'Seleção'"
21275
+ [ariaLabel]="selectPanelActionsAriaLabel()"
20889
21276
  [panelId]="overlayId()"
20890
21277
  panelClass="pdx-material-select-panel"
20891
21278
  [panelWidth]="overlayPanelWidth()"
@@ -20897,32 +21284,31 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20897
21284
  pdxCollectionOverlayTrigger
20898
21285
  type="button"
20899
21286
  class="pdx-material-collection-trigger"
21287
+ [class.is-readonly]="isReadonlyEffective() || presentationMode"
20900
21288
  role="combobox"
20901
21289
  aria-haspopup="dialog"
20902
- [attr.aria-labelledby]="labelId()"
20903
- [attr.aria-disabled]="isInteractionDisabled()"
21290
+ [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
21291
+ [attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
21292
+ [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
20904
21293
  [attr.aria-required]="metadata()?.required || null"
20905
21294
  [attr.aria-expanded]="panelOpen()"
20906
21295
  [attr.aria-controls]="panelOpen() ? overlayId() : null"
20907
21296
  [tabIndex]="metadata()?.tabIndex ?? 0"
20908
- [disabled]="isInteractionDisabled()"
20909
- [matTooltip]="tooltipEnabled() ? errorMessage() : null"
20910
- [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
21297
+ [disabled]="isDisabledEffective()"
21298
+ [matTooltip]="materialTriggerTooltip()"
21299
+ [matTooltipDisabled]="!materialTriggerTooltip()"
20911
21300
  [matTooltipPosition]="tooltipPosition()"
20912
21301
  (click)="toggleOverlay()"
20913
21302
  (keydown)="onTriggerKeydown($event)"
20914
21303
  >
20915
- @if (metadata()?.prefixIcon) {
20916
- <mat-icon [praxisIcon]="metadata()!.prefixIcon" aria-hidden="true" />
20917
- }
20918
- <span>{{ materialDisplayText() }}</span>
21304
+ <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
20919
21305
  @if (loading()) {
20920
21306
  <mat-progress-spinner
20921
21307
  diameter="18"
20922
21308
  mode="indeterminate"
20923
21309
  [attr.aria-label]="loadingOptionsLabel()"
20924
21310
  />
20925
- } @else {
21311
+ } @else if (!(isReadonlyEffective() || presentationMode)) {
20926
21312
  <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
20927
21313
  }
20928
21314
  </button>
@@ -20969,35 +21355,36 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20969
21355
  <p class="pdx-material-select-empty" role="status">{{ noOptionsAvailableLabel() }}</p>
20970
21356
  }
20971
21357
  </div>
20972
- </pdx-collection-overlay>
21358
+ </pdx-collection-overlay>
20973
21359
 
20974
- @if (!loading() && showClear()) {
20975
- <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
20976
- [disabled]="isInteractionDisabled()" [matTooltip]="clearActionTooltip()"
20977
- [attr.aria-label]="clearActionAriaLabel()">
20978
- <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
20979
- </button>
20980
- }
20981
- @if (fieldHelpPopoverText()) {
20982
- <button type="button" class="pdx-field-help-icon" [matTooltip]="fieldHelpPopoverText()"
20983
- matTooltipPosition="above" [matTooltipDisabled]="fieldHelpPopoverDisabled()"
20984
- [attr.aria-label]="fieldHelpAriaLabel()">
20985
- <mat-icon [praxisIcon]="'help_outline'" />
20986
- </button>
20987
- }
20988
- </div>
20989
- @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
20990
- @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
20991
- </div>
20992
- `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
21360
+ @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
21361
+ <span matSuffix class="pdx-material-collection-actions">
21362
+ @if (!loading() && showClear()) {
21363
+ <button mat-icon-button type="button" class="pdx-material-collection-clear"
21364
+ (click)="onClearClick()" [disabled]="isDisabledEffective()"
21365
+ [matTooltip]="clearActionTooltip()" [attr.aria-label]="clearActionAriaLabel()">
21366
+ <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
21367
+ </button>
21368
+ }
21369
+ @if (fieldHelpPopoverText()) {
21370
+ <button mat-icon-button type="button" class="pdx-field-help-icon"
21371
+ [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
21372
+ [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
21373
+ <mat-icon [praxisIcon]="'help_outline'" />
21374
+ </button>
21375
+ }
21376
+ </span>
21377
+ }
21378
+ @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
21379
+ @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
21380
+ </mat-form-field>
21381
+ `, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-select-option-button:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }] });
20993
21382
  }
20994
21383
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSelectComponent, decorators: [{
20995
21384
  type: Component,
20996
21385
  args: [{ selector: 'pdx-material-select', standalone: true, imports: [
20997
21386
  ReactiveFormsModule,
20998
21387
  MatFormFieldModule,
20999
- MatInputModule,
21000
- MatSelectModule,
21001
21388
  MatTooltipModule,
21002
21389
  MatIconModule,
21003
21390
  MatButtonModule,
@@ -21006,13 +21393,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
21006
21393
  PdxCollectionOverlayComponent,
21007
21394
  PdxCollectionOverlayTriggerDirective,
21008
21395
  PdxCollectionSearchComponent,
21396
+ PdxCollectionFormFieldControlDirective,
21009
21397
  ], template: `
21010
- <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
21011
- <label [id]="labelId()">{{ label }}</label>
21012
- <div class="pdx-material-collection-field__control">
21013
- <pdx-collection-overlay
21398
+ <mat-form-field
21399
+ class="pdx-material-collection-form-field"
21400
+ [appearance]="materialAppearance()"
21401
+ [color]="materialColor()"
21402
+ [class]="componentCssClasses()"
21403
+ [floatLabel]="floatLabelBehavior()"
21404
+ [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
21405
+ [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
21406
+ >
21407
+ <mat-label>{{ label }}</mat-label>
21408
+ @if (metadata()?.prefixIcon) {
21409
+ <mat-icon
21410
+ matPrefix
21411
+ [color]="iconPalette(metadata()?.prefixIconColor)"
21412
+ [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
21413
+ [praxisIcon]="metadata()!.prefixIcon"
21414
+ />
21415
+ }
21416
+
21417
+ <pdx-collection-overlay
21418
+ pdxCollectionFormFieldControl
21419
+ [pdxCollectionFormFieldModel]="control()"
21420
+ [pdxCollectionFormFieldValue]="fieldState().value"
21421
+ [pdxCollectionFormFieldRequired]="metadata()?.required || false"
21422
+ [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
21423
+ [pdxCollectionFormFieldErrorState]="hasValidationError()"
21424
+ [pdxCollectionFormFieldId]="componentId()"
21425
+ [pdxCollectionFormFieldOpen]="panelOpen()"
21426
+ [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
21014
21427
  [(open)]="panelOpen"
21015
- [ariaLabel]="label || metadata()?.name || 'Seleção'"
21428
+ [ariaLabel]="selectPanelActionsAriaLabel()"
21016
21429
  [panelId]="overlayId()"
21017
21430
  panelClass="pdx-material-select-panel"
21018
21431
  [panelWidth]="overlayPanelWidth()"
@@ -21024,32 +21437,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
21024
21437
  pdxCollectionOverlayTrigger
21025
21438
  type="button"
21026
21439
  class="pdx-material-collection-trigger"
21440
+ [class.is-readonly]="isReadonlyEffective() || presentationMode"
21027
21441
  role="combobox"
21028
21442
  aria-haspopup="dialog"
21029
- [attr.aria-labelledby]="labelId()"
21030
- [attr.aria-disabled]="isInteractionDisabled()"
21443
+ [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
21444
+ [attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
21445
+ [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
21031
21446
  [attr.aria-required]="metadata()?.required || null"
21032
21447
  [attr.aria-expanded]="panelOpen()"
21033
21448
  [attr.aria-controls]="panelOpen() ? overlayId() : null"
21034
21449
  [tabIndex]="metadata()?.tabIndex ?? 0"
21035
- [disabled]="isInteractionDisabled()"
21036
- [matTooltip]="tooltipEnabled() ? errorMessage() : null"
21037
- [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
21450
+ [disabled]="isDisabledEffective()"
21451
+ [matTooltip]="materialTriggerTooltip()"
21452
+ [matTooltipDisabled]="!materialTriggerTooltip()"
21038
21453
  [matTooltipPosition]="tooltipPosition()"
21039
21454
  (click)="toggleOverlay()"
21040
21455
  (keydown)="onTriggerKeydown($event)"
21041
21456
  >
21042
- @if (metadata()?.prefixIcon) {
21043
- <mat-icon [praxisIcon]="metadata()!.prefixIcon" aria-hidden="true" />
21044
- }
21045
- <span>{{ materialDisplayText() }}</span>
21457
+ <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
21046
21458
  @if (loading()) {
21047
21459
  <mat-progress-spinner
21048
21460
  diameter="18"
21049
21461
  mode="indeterminate"
21050
21462
  [attr.aria-label]="loadingOptionsLabel()"
21051
21463
  />
21052
- } @else {
21464
+ } @else if (!(isReadonlyEffective() || presentationMode)) {
21053
21465
  <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
21054
21466
  }
21055
21467
  </button>
@@ -21096,26 +21508,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
21096
21508
  <p class="pdx-material-select-empty" role="status">{{ noOptionsAvailableLabel() }}</p>
21097
21509
  }
21098
21510
  </div>
21099
- </pdx-collection-overlay>
21511
+ </pdx-collection-overlay>
21100
21512
 
21101
- @if (!loading() && showClear()) {
21102
- <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
21103
- [disabled]="isInteractionDisabled()" [matTooltip]="clearActionTooltip()"
21104
- [attr.aria-label]="clearActionAriaLabel()">
21105
- <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
21106
- </button>
21107
- }
21108
- @if (fieldHelpPopoverText()) {
21109
- <button type="button" class="pdx-field-help-icon" [matTooltip]="fieldHelpPopoverText()"
21110
- matTooltipPosition="above" [matTooltipDisabled]="fieldHelpPopoverDisabled()"
21111
- [attr.aria-label]="fieldHelpAriaLabel()">
21112
- <mat-icon [praxisIcon]="'help_outline'" />
21113
- </button>
21114
- }
21115
- </div>
21116
- @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
21117
- @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
21118
- </div>
21513
+ @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
21514
+ <span matSuffix class="pdx-material-collection-actions">
21515
+ @if (!loading() && showClear()) {
21516
+ <button mat-icon-button type="button" class="pdx-material-collection-clear"
21517
+ (click)="onClearClick()" [disabled]="isDisabledEffective()"
21518
+ [matTooltip]="clearActionTooltip()" [attr.aria-label]="clearActionAriaLabel()">
21519
+ <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
21520
+ </button>
21521
+ }
21522
+ @if (fieldHelpPopoverText()) {
21523
+ <button mat-icon-button type="button" class="pdx-field-help-icon"
21524
+ [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
21525
+ [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
21526
+ <mat-icon [praxisIcon]="'help_outline'" />
21527
+ </button>
21528
+ }
21529
+ </span>
21530
+ }
21531
+ @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
21532
+ @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
21533
+ </mat-form-field>
21119
21534
  `, providers: [
21120
21535
  GenericCrudService,
21121
21536
  {
@@ -21125,14 +21540,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
21125
21540
  },
21126
21541
  ], host: {
21127
21542
  '[class]': 'componentCssClasses()',
21128
- '[class.praxis-disabled]': 'isInteractionDisabled()',
21543
+ '[class.praxis-disabled]': 'isDisabledEffective()',
21544
+ '[class.praxis-readonly]': 'isReadonlyEffective() || presentationMode',
21129
21545
  '[style.display]': 'visible ? "block" : "none"',
21130
21546
  '[attr.aria-hidden]': 'visible ? null : "true"',
21131
21547
  '[style.width]': '"100%"',
21132
21548
  '[attr.data-field-type]': '"select"',
21133
21549
  '[attr.data-field-name]': 'metadata()?.name',
21134
21550
  '[attr.data-component-id]': 'componentId()',
21135
- }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"] }]
21551
+ }, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-select-option-button:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"] }]
21136
21552
  }], propDecorators: { readonlyMode: [{
21137
21553
  type: Input
21138
21554
  }], disabledMode: [{
@@ -28248,6 +28664,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28248
28664
  collectionSearch = viewChild(PdxCollectionSearchComponent, ...(ngDevMode ? [{ debugName: "collectionSearch" }] : /* istanbul ignore next */ []));
28249
28665
  overlayTrigger = viewChild('overlayTrigger', ...(ngDevMode ? [{ debugName: "overlayTrigger" }] : /* istanbul ignore next */ []));
28250
28666
  overlayOptions = viewChildren('overlayOption', ...(ngDevMode ? [{ debugName: "overlayOptions" }] : /* istanbul ignore next */ []));
28667
+ pendingOverlayFocusIndex = null;
28251
28668
  store = new OptionStore();
28252
28669
  endReached = signal(false, ...(ngDevMode ? [{ debugName: "endReached" }] : /* istanbul ignore next */ []));
28253
28670
  initialLoadStrategy = 'open';
@@ -28307,8 +28724,10 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28307
28724
  ngAfterViewInit() {
28308
28725
  super.ngAfterViewInit();
28309
28726
  const trigger = this.overlayTrigger()?.nativeElement;
28310
- if (trigger)
28727
+ if (trigger) {
28311
28728
  this.registerInputElement(trigger);
28729
+ trigger.setAttribute('aria-label', this.selectionTriggerAriaLabel(this.materialFullDisplayText()));
28730
+ }
28312
28731
  }
28313
28732
  errorStateMatcher() {
28314
28733
  return getErrorStateMatcherForField(this.metadata());
@@ -28375,27 +28794,40 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28375
28794
  onOverlayOpened() {
28376
28795
  this.openedChange.emit(true);
28377
28796
  this.onOpened(true);
28378
- queueMicrotask(() => this.collectionSearch()?.focus());
28797
+ if (this.pendingOverlayFocusIndex !== null && !this.searchable()) {
28798
+ this.focusOverlayOption(this.pendingOverlayFocusIndex);
28799
+ }
28800
+ else {
28801
+ queueMicrotask(() => this.collectionSearch()?.focus());
28802
+ }
28803
+ this.pendingOverlayFocusIndex = null;
28379
28804
  }
28380
28805
  onOverlayClosed() {
28381
28806
  this.openedChange.emit(false);
28382
28807
  }
28383
28808
  onTriggerKeydown(event) {
28809
+ if (this.isInteractionDisabled())
28810
+ return;
28384
28811
  if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp')
28385
28812
  return;
28386
28813
  event.preventDefault();
28387
28814
  if (!this.panelOpen()) {
28815
+ this.pendingOverlayFocusIndex = event.key === 'ArrowDown' ? 0 : -1;
28388
28816
  this.panelOpen.set(true);
28389
28817
  return;
28390
28818
  }
28391
28819
  this.focusOverlayOption(event.key === 'ArrowDown' ? 0 : -1);
28392
28820
  }
28393
28821
  selectOverlayOption(option) {
28822
+ if (this.isInteractionDisabled())
28823
+ return;
28394
28824
  this.selectOption(option);
28395
28825
  if (!this.multiple())
28396
28826
  this.collectionOverlay()?.close('programmatic');
28397
28827
  }
28398
28828
  selectEmptyOption() {
28829
+ if (this.isInteractionDisabled())
28830
+ return;
28399
28831
  this.selectOption({ label: this.emptyOptionText() || '', value: null });
28400
28832
  this.collectionOverlay()?.close('programmatic');
28401
28833
  }
@@ -28417,6 +28849,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28417
28849
  enabled[target]?.nativeElement.focus();
28418
28850
  }
28419
28851
  hasSelectionValue() {
28852
+ this.fieldState();
28420
28853
  const value = this.control().value;
28421
28854
  return Array.isArray(value)
28422
28855
  ? value.length > 0
@@ -28425,13 +28858,17 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28425
28858
  materialDisplayText() {
28426
28859
  const value = this.control().value;
28427
28860
  if (!this.hasSelectionValue())
28428
- return this.placeholder || this.label || '';
28861
+ return this.placeholder || '';
28429
28862
  const values = Array.isArray(value) ? value : [value];
28430
28863
  const labels = values.map((item) => this.resolveMaterialOptionLabel(item));
28431
28864
  return labels.length > 1 ? `${labels[0]} +${labels.length - 1}` : labels[0];
28432
28865
  }
28433
- labelId() {
28434
- return `${this.componentId()}-label`;
28866
+ materialFullDisplayText() {
28867
+ if (!this.hasSelectionValue())
28868
+ return '';
28869
+ const value = this.control().value;
28870
+ const values = Array.isArray(value) ? value : [value];
28871
+ return values.map((item) => this.resolveMaterialOptionLabel(item)).join(', ');
28435
28872
  }
28436
28873
  panelId() {
28437
28874
  return `${this.componentId()}-options`;
@@ -28588,10 +29025,6 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28588
29025
  this.endReached.set(false);
28589
29026
  super.onSearch(term);
28590
29027
  }
28591
- registerMatSelect(select) {
28592
- super.registerMatSelect(select);
28593
- select.compareWith = (left, right) => this.areOptionValuesEqual(left, right);
28594
- }
28595
29028
  refocusSearchInput() {
28596
29029
  if (!this.searchable()) {
28597
29030
  return;
@@ -28661,7 +29094,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28661
29094
  }
28662
29095
  }
28663
29096
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSearchableSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
28664
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialSearchableSelectComponent, isStandalone: true, selector: "pdx-material-searchable-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isInteractionDisabled()", "class.praxis-readonly": "isReadonlyEffective() || presentationMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.aria-disabled": "searchableSelectAriaDisabled()", "attr.data-field-type": "\"searchable-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
29097
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: MaterialSearchableSelectComponent, isStandalone: true, selector: "pdx-material-searchable-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "isDisabledEffective()", "class.praxis-readonly": "isReadonlyEffective() || presentationMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.aria-disabled": "searchableSelectAriaDisabled()", "attr.data-field-type": "\"searchable-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
28665
29098
  GenericCrudService,
28666
29099
  {
28667
29100
  provide: NG_VALUE_ACCESSOR,
@@ -28669,10 +29102,32 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28669
29102
  multi: true,
28670
29103
  },
28671
29104
  ], viewQueries: [{ propertyName: "collectionOverlay", first: true, predicate: PdxCollectionOverlayComponent, descendants: true, isSignal: true }, { propertyName: "collectionSearch", first: true, predicate: PdxCollectionSearchComponent, descendants: true, isSignal: true }, { propertyName: "overlayTrigger", first: true, predicate: ["overlayTrigger"], descendants: true, isSignal: true }, { propertyName: "overlayOptions", predicate: ["overlayOption"], descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
28672
- <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
28673
- <label [id]="labelId()">{{ label }}</label>
28674
- <div class="pdx-material-collection-field__control">
28675
- <pdx-collection-overlay
29105
+ <mat-form-field
29106
+ class="pdx-material-collection-form-field"
29107
+ [appearance]="materialAppearance()"
29108
+ [color]="materialColor()"
29109
+ [class]="componentCssClasses()"
29110
+ [floatLabel]="floatLabelBehavior()"
29111
+ [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
29112
+ [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
29113
+ >
29114
+ <mat-label>{{ label }}</mat-label>
29115
+ @if (metadata()?.prefixIcon) {
29116
+ <mat-icon matPrefix aria-hidden="true"
29117
+ [color]="iconPalette(metadata()?.prefixIconColor)"
29118
+ [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
29119
+ [praxisIcon]="metadata()!.prefixIcon" />
29120
+ }
29121
+ <pdx-collection-overlay
29122
+ pdxCollectionFormFieldControl
29123
+ [pdxCollectionFormFieldModel]="control()"
29124
+ [pdxCollectionFormFieldValue]="fieldState().value"
29125
+ [pdxCollectionFormFieldRequired]="metadata()?.required || false"
29126
+ [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
29127
+ [pdxCollectionFormFieldErrorState]="hasValidationError()"
29128
+ [pdxCollectionFormFieldId]="componentId()"
29129
+ [pdxCollectionFormFieldOpen]="panelOpen()"
29130
+ [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
28676
29131
  [(open)]="panelOpen"
28677
29132
  [ariaLabel]="selectPanelActionsAriaLabel()"
28678
29133
  [panelId]="overlayId()"
@@ -28686,25 +29141,30 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28686
29141
  pdxCollectionOverlayTrigger
28687
29142
  type="button"
28688
29143
  class="pdx-material-collection-trigger"
29144
+ [class.is-readonly]="isReadonlyEffective() || presentationMode"
28689
29145
  role="combobox"
28690
29146
  aria-haspopup="dialog"
28691
- [attr.aria-labelledby]="labelId()"
29147
+ [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
28692
29148
  [attr.aria-disabled]="searchableSelectAriaDisabled()"
28693
29149
  [attr.aria-readonly]="searchableSelectAriaReadonly()"
29150
+ [attr.aria-required]="metadata()?.required || null"
28694
29151
  [attr.aria-expanded]="panelOpen()"
28695
29152
  [attr.aria-controls]="panelOpen() ? overlayId() : null"
28696
- [disabled]="isInteractionDisabled()"
29153
+ [tabIndex]="metadata()?.tabIndex ?? 0"
29154
+ [disabled]="isDisabledEffective()"
29155
+ [matTooltip]="materialFullDisplayText() || null"
29156
+ [matTooltipDisabled]="!materialFullDisplayText()"
28697
29157
  (click)="toggleOverlay()"
28698
29158
  (keydown)="onTriggerKeydown($event)"
28699
29159
  >
28700
- <span>{{ materialDisplayText() }}</span>
29160
+ <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
28701
29161
  @if (loading()) {
28702
29162
  <mat-progress-spinner
28703
29163
  diameter="18"
28704
29164
  mode="indeterminate"
28705
29165
  [attr.aria-label]="loadingOptionsLabel()"
28706
29166
  />
28707
- } @else {
29167
+ } @else if (!(isReadonlyEffective() || presentationMode)) {
28708
29168
  <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
28709
29169
  }
28710
29170
  </button>
@@ -28775,31 +29235,29 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28775
29235
  (loadMore)="onLoadMoreInteraction($event)"
28776
29236
  />
28777
29237
  }
28778
- </pdx-collection-overlay>
29238
+ </pdx-collection-overlay>
28779
29239
 
28780
- @if (!loading() && showClear()) {
28781
- <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
28782
- [attr.aria-label]="clearActionAriaLabel()">
28783
- <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
28784
- </button>
28785
- }
28786
- @if (fieldHelpPopoverText()) {
28787
- <button
28788
- type="button"
28789
- class="pdx-field-help-icon"
28790
- [matTooltip]="fieldHelpPopoverText()"
28791
- matTooltipPosition="above"
28792
- [matTooltipDisabled]="fieldHelpPopoverDisabled()"
28793
- [attr.aria-label]="fieldHelpAriaLabel()"
28794
- >
28795
- <mat-icon [praxisIcon]="'help_outline'" />
28796
- </button>
28797
- }
28798
- </div>
28799
- @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
28800
- @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
28801
- </div>
28802
- `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
29240
+ @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
29241
+ <span matSuffix class="pdx-material-collection-actions">
29242
+ @if (!loading() && showClear()) {
29243
+ <button mat-icon-button type="button" class="pdx-material-collection-clear"
29244
+ (click)="onClearClick()" [attr.aria-label]="clearActionAriaLabel()">
29245
+ <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
29246
+ </button>
29247
+ }
29248
+ @if (fieldHelpPopoverText()) {
29249
+ <button mat-icon-button type="button" class="pdx-field-help-icon"
29250
+ [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
29251
+ [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
29252
+ <mat-icon [praxisIcon]="'help_outline'" />
29253
+ </button>
29254
+ }
29255
+ </span>
29256
+ }
29257
+ @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
29258
+ @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
29259
+ </mat-form-field>
29260
+ `, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }] });
28803
29261
  }
28804
29262
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSearchableSelectComponent, decorators: [{
28805
29263
  type: Component,
@@ -28809,7 +29267,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28809
29267
  PraxisIconDirective,
28810
29268
  ReactiveFormsModule,
28811
29269
  MatFormFieldModule,
28812
- MatSelectModule,
28813
29270
  MatInputModule,
28814
29271
  MatProgressSpinnerModule,
28815
29272
  MatTooltipModule,
@@ -28817,11 +29274,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28817
29274
  PdxCollectionOverlayComponent,
28818
29275
  PdxCollectionOverlayTriggerDirective,
28819
29276
  PdxCollectionSearchComponent,
29277
+ PdxCollectionFormFieldControlDirective,
28820
29278
  ], template: `
28821
- <div class="pdx-material-collection-field" [class.is-invalid]="hasValidationError()">
28822
- <label [id]="labelId()">{{ label }}</label>
28823
- <div class="pdx-material-collection-field__control">
28824
- <pdx-collection-overlay
29279
+ <mat-form-field
29280
+ class="pdx-material-collection-form-field"
29281
+ [appearance]="materialAppearance()"
29282
+ [color]="materialColor()"
29283
+ [class]="componentCssClasses()"
29284
+ [floatLabel]="floatLabelBehavior()"
29285
+ [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
29286
+ [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
29287
+ >
29288
+ <mat-label>{{ label }}</mat-label>
29289
+ @if (metadata()?.prefixIcon) {
29290
+ <mat-icon matPrefix aria-hidden="true"
29291
+ [color]="iconPalette(metadata()?.prefixIconColor)"
29292
+ [style.color]="iconCustomColor(metadata()?.prefixIconColor)"
29293
+ [praxisIcon]="metadata()!.prefixIcon" />
29294
+ }
29295
+ <pdx-collection-overlay
29296
+ pdxCollectionFormFieldControl
29297
+ [pdxCollectionFormFieldModel]="control()"
29298
+ [pdxCollectionFormFieldValue]="fieldState().value"
29299
+ [pdxCollectionFormFieldRequired]="metadata()?.required || false"
29300
+ [pdxCollectionFormFieldDisabled]="isDisabledEffective()"
29301
+ [pdxCollectionFormFieldErrorState]="hasValidationError()"
29302
+ [pdxCollectionFormFieldId]="componentId()"
29303
+ [pdxCollectionFormFieldOpen]="panelOpen()"
29304
+ [pdxCollectionFormFieldShouldLabelFloat]="floatLabelBehavior() === 'always' || !!placeholder || !!metadata()?.prefixIcon ? true : null"
28825
29305
  [(open)]="panelOpen"
28826
29306
  [ariaLabel]="selectPanelActionsAriaLabel()"
28827
29307
  [panelId]="overlayId()"
@@ -28835,25 +29315,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28835
29315
  pdxCollectionOverlayTrigger
28836
29316
  type="button"
28837
29317
  class="pdx-material-collection-trigger"
29318
+ [class.is-readonly]="isReadonlyEffective() || presentationMode"
28838
29319
  role="combobox"
28839
29320
  aria-haspopup="dialog"
28840
- [attr.aria-labelledby]="labelId()"
29321
+ [attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
28841
29322
  [attr.aria-disabled]="searchableSelectAriaDisabled()"
28842
29323
  [attr.aria-readonly]="searchableSelectAriaReadonly()"
29324
+ [attr.aria-required]="metadata()?.required || null"
28843
29325
  [attr.aria-expanded]="panelOpen()"
28844
29326
  [attr.aria-controls]="panelOpen() ? overlayId() : null"
28845
- [disabled]="isInteractionDisabled()"
29327
+ [tabIndex]="metadata()?.tabIndex ?? 0"
29328
+ [disabled]="isDisabledEffective()"
29329
+ [matTooltip]="materialFullDisplayText() || null"
29330
+ [matTooltipDisabled]="!materialFullDisplayText()"
28846
29331
  (click)="toggleOverlay()"
28847
29332
  (keydown)="onTriggerKeydown($event)"
28848
29333
  >
28849
- <span>{{ materialDisplayText() }}</span>
29334
+ <span class="pdx-material-collection-trigger__value">{{ materialDisplayText() }}</span>
28850
29335
  @if (loading()) {
28851
29336
  <mat-progress-spinner
28852
29337
  diameter="18"
28853
29338
  mode="indeterminate"
28854
29339
  [attr.aria-label]="loadingOptionsLabel()"
28855
29340
  />
28856
- } @else {
29341
+ } @else if (!(isReadonlyEffective() || presentationMode)) {
28857
29342
  <mat-icon aria-hidden="true">arrow_drop_down</mat-icon>
28858
29343
  }
28859
29344
  </button>
@@ -28924,30 +29409,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28924
29409
  (loadMore)="onLoadMoreInteraction($event)"
28925
29410
  />
28926
29411
  }
28927
- </pdx-collection-overlay>
29412
+ </pdx-collection-overlay>
28928
29413
 
28929
- @if (!loading() && showClear()) {
28930
- <button type="button" class="pdx-material-collection-clear" (click)="onClearClick()"
28931
- [attr.aria-label]="clearActionAriaLabel()">
28932
- <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
28933
- </button>
28934
- }
28935
- @if (fieldHelpPopoverText()) {
28936
- <button
28937
- type="button"
28938
- class="pdx-field-help-icon"
28939
- [matTooltip]="fieldHelpPopoverText()"
28940
- matTooltipPosition="above"
28941
- [matTooltipDisabled]="fieldHelpPopoverDisabled()"
28942
- [attr.aria-label]="fieldHelpAriaLabel()"
28943
- >
28944
- <mat-icon [praxisIcon]="'help_outline'" />
28945
- </button>
28946
- }
28947
- </div>
28948
- @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
28949
- @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
28950
- </div>
29414
+ @if ((!loading() && showClear()) || fieldHelpPopoverText()) {
29415
+ <span matSuffix class="pdx-material-collection-actions">
29416
+ @if (!loading() && showClear()) {
29417
+ <button mat-icon-button type="button" class="pdx-material-collection-clear"
29418
+ (click)="onClearClick()" [attr.aria-label]="clearActionAriaLabel()">
29419
+ <mat-icon [praxisIcon]="metadata()?.clearButton?.icon || 'mi:clear'" />
29420
+ </button>
29421
+ }
29422
+ @if (fieldHelpPopoverText()) {
29423
+ <button mat-icon-button type="button" class="pdx-field-help-icon"
29424
+ [matTooltip]="fieldHelpPopoverText()" matTooltipPosition="above"
29425
+ [matTooltipDisabled]="fieldHelpPopoverDisabled()" [attr.aria-label]="fieldHelpAriaLabel()">
29426
+ <mat-icon [praxisIcon]="'help_outline'" />
29427
+ </button>
29428
+ }
29429
+ </span>
29430
+ }
29431
+ @if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
29432
+ @if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
29433
+ </mat-form-field>
28951
29434
  `, providers: [
28952
29435
  GenericCrudService,
28953
29436
  {
@@ -28957,7 +29440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28957
29440
  },
28958
29441
  ], host: {
28959
29442
  '[class]': 'componentCssClasses()',
28960
- '[class.praxis-disabled]': 'isInteractionDisabled()',
29443
+ '[class.praxis-disabled]': 'isDisabledEffective()',
28961
29444
  '[class.praxis-readonly]': 'isReadonlyEffective() || presentationMode',
28962
29445
  '[style.display]': 'visible ? null : "none"',
28963
29446
  '[attr.aria-hidden]': 'visible ? null : "true"',
@@ -28965,7 +29448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28965
29448
  '[attr.data-field-type]': '"searchable-select"',
28966
29449
  '[attr.data-field-name]': 'metadata()?.name',
28967
29450
  '[attr.data-component-id]': 'componentId()',
28968
- }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
29451
+ }, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-collection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;padding-inline-end:4px;white-space:nowrap}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
28969
29452
  }], propDecorators: { readonlyMode: [{
28970
29453
  type: Input
28971
29454
  }], disabledMode: [{
@@ -39405,6 +39888,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
39405
39888
  inlineTextTruncated = false;
39406
39889
  fieldLabelText = '';
39407
39890
  resizeRafId = null;
39891
+ overlayPositionRafId = null;
39408
39892
  overlayOpen = false;
39409
39893
  overlayCommittedInSession = false;
39410
39894
  overlayBaseline = null;
@@ -39476,6 +39960,10 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
39476
39960
  window.cancelAnimationFrame(this.resizeRafId);
39477
39961
  this.resizeRafId = null;
39478
39962
  }
39963
+ if (this.overlayPositionRafId !== null && typeof window !== 'undefined') {
39964
+ window.cancelAnimationFrame(this.overlayPositionRafId);
39965
+ this.overlayPositionRafId = null;
39966
+ }
39479
39967
  }
39480
39968
  onViewportResize() {
39481
39969
  this.scheduleInlineResize();
@@ -39890,9 +40378,35 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
39890
40378
  return;
39891
40379
  }
39892
40380
  this.syncDateAdapterLocale();
40381
+ picker.xPosition = this.resolvePickerXPosition();
39893
40382
  picker.open();
39894
40383
  this.scheduleInlineResize();
39895
40384
  }
40385
+ resolvePickerXPosition() {
40386
+ if (typeof window === 'undefined') {
40387
+ return 'start';
40388
+ }
40389
+ const host = this.elementRef.nativeElement;
40390
+ const hostRect = host?.getBoundingClientRect();
40391
+ if (!hostRect) {
40392
+ return 'start';
40393
+ }
40394
+ const viewportMargin = 8;
40395
+ const hasSideShortcuts = this.inlineQuickPresetsEffectivePosition() !== 'footer';
40396
+ const naturalOverlayWidth = hasSideShortcuts ? 704 : 328;
40397
+ const overlayWidth = Math.min(naturalOverlayWidth, Math.max(0, window.innerWidth - viewportMargin * 2));
40398
+ const direction = this.resolveDocumentDirection();
40399
+ const logicalStartFits = direction === 'rtl'
40400
+ ? hostRect.right - overlayWidth >= viewportMargin
40401
+ : hostRect.left + overlayWidth <= window.innerWidth - viewportMargin;
40402
+ if (logicalStartFits) {
40403
+ return 'start';
40404
+ }
40405
+ const logicalEndFits = direction === 'rtl'
40406
+ ? hostRect.left + overlayWidth <= window.innerWidth - viewportMargin
40407
+ : hostRect.right - overlayWidth >= viewportMargin;
40408
+ return logicalEndFits ? 'end' : 'start';
40409
+ }
39896
40410
  onOverlayOpened() {
39897
40411
  this.syncDateAdapterLocale();
39898
40412
  this.overlayOpen = true;
@@ -40285,6 +40799,45 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
40285
40799
  actions.classList.remove(`${positionPrefix}footer`, `${positionPrefix}start`, `${positionPrefix}end`);
40286
40800
  actions.classList.add(`${positionPrefix}${position}`);
40287
40801
  this.syncQuickPresetComposition(actions, position);
40802
+ this.updatePickerOverlayPosition();
40803
+ }
40804
+ /**
40805
+ * Material positions the popup before projected actions are composed. Side shortcuts expand the
40806
+ * content from the calendar width to the enterprise two-column width, so the connected overlay
40807
+ * must be measured again after that DOM change. Delegating to the existing OverlayRef preserves
40808
+ * Material's viewport margin, fallback positions, directionality, and scroll strategy.
40809
+ */
40810
+ updatePickerOverlayPosition() {
40811
+ const picker = this.pickerRef;
40812
+ const overlayRef = picker?._overlayRef;
40813
+ this.remeasurePickerOverlay(overlayRef);
40814
+ if (typeof window === 'undefined' || !overlayRef?.updatePosition) {
40815
+ return;
40816
+ }
40817
+ if (this.overlayPositionRafId !== null) {
40818
+ window.cancelAnimationFrame(this.overlayPositionRafId);
40819
+ }
40820
+ this.overlayPositionRafId = window.requestAnimationFrame(() => {
40821
+ this.overlayPositionRafId = null;
40822
+ if (this.overlayOpen) {
40823
+ this.remeasurePickerOverlay(overlayRef);
40824
+ }
40825
+ });
40826
+ }
40827
+ /**
40828
+ * Material locks the first connected position so normal scrolling cannot make the popup jump.
40829
+ * Praxis adds the shortcut rail after that first measurement, therefore we briefly unlock only
40830
+ * while the CDK evaluates the final overlay dimensions and restore Material's default policy.
40831
+ */
40832
+ remeasurePickerOverlay(overlayRef) {
40833
+ const positionStrategy = overlayRef?.getConfig?.().positionStrategy;
40834
+ positionStrategy?.withLockedPosition?.(false);
40835
+ try {
40836
+ overlayRef?.updatePosition?.();
40837
+ }
40838
+ finally {
40839
+ positionStrategy?.withLockedPosition?.(true);
40840
+ }
40288
40841
  }
40289
40842
  findOverlayActionsContainer() {
40290
40843
  if (typeof document === 'undefined') {
@@ -40725,7 +41278,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
40725
41278
  </mat-date-range-picker>
40726
41279
  </mat-form-field>
40727
41280
  </div>
40728
- `, isInline: true, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:0;visibility:hidden}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important;opacity:.9;visibility:visible}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 192px;--pdx-overlay-side-presets-max-h: 220px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(328px, 36vw, 372px);--pdx-inline-overlay-calendar-min-h: 328px;--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 184px;--pdx-overlay-side-presets-max-h: 276px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 204px;--pdx-overlay-side-presets-max-h: 296px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 192px;--pdx-overlay-side-presets-max-h: 284px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 184px;--pdx-overlay-side-presets-max-h: 276px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 204px;--pdx-overlay-side-presets-max-h: 296px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail{--pdx-inline-shortcut-rail-min-w: 220px;--pdx-inline-shortcut-rail-max-w: 296px;--pdx-overlay-side-presets-max-h: 320px;display:grid;grid-template-columns:minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w)) minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr);width:min(704px,calc(100vw - 24px));min-width:min(704px,calc(100vw - 24px));max-width:min(704px,calc(100vw - 24px));align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail.pdx-inline-date-range-content--physical-end{grid-template-columns:minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr) minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions{--pdx-overlay-actions-padding: 8px;--pdx-overlay-actions-gap: 8px;grid-column:1 / -1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-padding: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.pdx-inline-date-range-panel{width:100%;min-width:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail{min-width:0;padding:var(--pdx-overlay-actions-padding, 12px);border-inline-end:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-sizing:border-box;overflow:hidden;position:relative}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--physical-end .pdx-inline-date-range-shortcut-rail{border-inline-end:0;border-inline-start:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{width:100%;max-height:min(var(--pdx-overlay-side-presets-max-h, 320px),calc(100dvh - 180px));display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-inline-end:6px;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 54%,transparent) transparent;scrollbar-width:thin}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar{width:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail:after{position:absolute;right:12px;bottom:12px;left:12px;height:22px;pointer-events:none;content:\"\";background:linear-gradient(to bottom,transparent,var(--md-sys-color-surface-container-high))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-preset{width:100%;justify-content:flex-start;letter-spacing:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.mat-mdc-button-base{--mdc-outlined-button-container-height: auto;--mdc-text-button-container-height: auto;block-size:auto;min-block-size:56px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);height:auto}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-content{padding-bottom:10px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);min-width:40px;min-height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:var(--pdx-inline-control-height-mobile, 40px);border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-container,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-label{padding-top:20px!important;padding-bottom:20px!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell{height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);line-height:var(--pdx-inline-control-height-mobile, 40px);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"summary\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"summary\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:7px var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;white-space:normal;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 82%,transparent)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary{grid-area:summary;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;max-height:var(--pdx-overlay-side-presets-max-h, 220px);overflow-x:hidden;overflow-y:auto}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:7px var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;white-space:normal;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg, #1f1f3d) 82%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary{flex:1 0 100%;width:100%;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface);box-sizing:border-box}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{min-height:336px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "ngmodule", type: MatNativeDateModule }] });
41281
+ `, isInline: true, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:0;visibility:hidden}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important;opacity:.9;visibility:visible}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 192px;--pdx-overlay-side-presets-max-h: 220px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(328px, 36vw, 372px);--pdx-inline-overlay-calendar-min-h: 328px;--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 184px;--pdx-overlay-side-presets-max-h: 276px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 204px;--pdx-overlay-side-presets-max-h: 296px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 192px;--pdx-overlay-side-presets-max-h: 284px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 184px;--pdx-overlay-side-presets-max-h: 276px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 204px;--pdx-overlay-side-presets-max-h: 296px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail{--pdx-inline-shortcut-rail-min-w: 220px;--pdx-inline-shortcut-rail-max-w: 296px;--pdx-overlay-side-presets-max-h: 320px;display:grid;grid-template-columns:minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w)) minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr);width:min(704px,calc(100vw - 24px));min-width:min(704px,calc(100vw - 24px));max-width:min(704px,calc(100vw - 24px));align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail.pdx-inline-date-range-content--physical-end{grid-template-columns:minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr) minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions{--pdx-overlay-actions-padding: 8px;--pdx-overlay-actions-gap: 8px;grid-column:1 / -1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-padding: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.pdx-inline-date-range-panel{width:100%;min-width:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail{min-width:0;padding:var(--pdx-overlay-actions-padding, 12px);border-inline-end:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-sizing:border-box;overflow:hidden;position:relative}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--physical-end .pdx-inline-date-range-shortcut-rail{border-inline-end:0;border-inline-start:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{width:100%;max-height:min(var(--pdx-overlay-side-presets-max-h, 320px),calc(100dvh - 180px));display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-inline-end:6px;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 54%,transparent) transparent;scrollbar-width:thin}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar{width:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail:after{position:absolute;right:12px;bottom:12px;left:12px;height:22px;pointer-events:none;content:\"\";background:linear-gradient(to bottom,transparent,var(--md-sys-color-surface-container-high))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-preset{width:100%;justify-content:flex-start;letter-spacing:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.mat-mdc-button-base{--mdc-outlined-button-container-height: auto;--mdc-text-button-container-height: auto;block-size:auto;min-block-size:56px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);padding-bottom:10px;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);height:auto}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);min-width:40px;min-height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:var(--pdx-inline-control-height-mobile, 40px);border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-container,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-label{padding-top:20px!important;padding-bottom:20px!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell{height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);line-height:var(--pdx-inline-control-height-mobile, 40px);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"summary\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"summary\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:7px var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;white-space:normal;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 82%,transparent)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary{grid-area:summary;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;max-height:var(--pdx-overlay-side-presets-max-h, 220px);overflow-x:hidden;overflow-y:auto}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:7px var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;white-space:normal;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg, #1f1f3d) 82%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary{flex:1 0 100%;width:100%;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface);box-sizing:border-box}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{min-height:336px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i6.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i6.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i6.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "ngmodule", type: MatNativeDateModule }] });
40729
41282
  }
40730
41283
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineDateRangeComponent, decorators: [{
40731
41284
  type: Component,
@@ -40996,7 +41549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
40996
41549
  '[attr.data-field-type]': '"inlineDateRange"',
40997
41550
  '[attr.data-field-name]': 'metadata()?.name',
40998
41551
  '[attr.data-component-id]': 'componentId()',
40999
- }, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:0;visibility:hidden}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important;opacity:.9;visibility:visible}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 192px;--pdx-overlay-side-presets-max-h: 220px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(328px, 36vw, 372px);--pdx-inline-overlay-calendar-min-h: 328px;--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 184px;--pdx-overlay-side-presets-max-h: 276px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 204px;--pdx-overlay-side-presets-max-h: 296px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 192px;--pdx-overlay-side-presets-max-h: 284px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 184px;--pdx-overlay-side-presets-max-h: 276px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 204px;--pdx-overlay-side-presets-max-h: 296px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail{--pdx-inline-shortcut-rail-min-w: 220px;--pdx-inline-shortcut-rail-max-w: 296px;--pdx-overlay-side-presets-max-h: 320px;display:grid;grid-template-columns:minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w)) minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr);width:min(704px,calc(100vw - 24px));min-width:min(704px,calc(100vw - 24px));max-width:min(704px,calc(100vw - 24px));align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail.pdx-inline-date-range-content--physical-end{grid-template-columns:minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr) minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions{--pdx-overlay-actions-padding: 8px;--pdx-overlay-actions-gap: 8px;grid-column:1 / -1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-padding: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.pdx-inline-date-range-panel{width:100%;min-width:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail{min-width:0;padding:var(--pdx-overlay-actions-padding, 12px);border-inline-end:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-sizing:border-box;overflow:hidden;position:relative}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--physical-end .pdx-inline-date-range-shortcut-rail{border-inline-end:0;border-inline-start:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{width:100%;max-height:min(var(--pdx-overlay-side-presets-max-h, 320px),calc(100dvh - 180px));display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-inline-end:6px;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 54%,transparent) transparent;scrollbar-width:thin}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar{width:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail:after{position:absolute;right:12px;bottom:12px;left:12px;height:22px;pointer-events:none;content:\"\";background:linear-gradient(to bottom,transparent,var(--md-sys-color-surface-container-high))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-preset{width:100%;justify-content:flex-start;letter-spacing:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.mat-mdc-button-base{--mdc-outlined-button-container-height: auto;--mdc-text-button-container-height: auto;block-size:auto;min-block-size:56px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);height:auto}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-content{padding-bottom:10px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);min-width:40px;min-height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:var(--pdx-inline-control-height-mobile, 40px);border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-container,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-label{padding-top:20px!important;padding-bottom:20px!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell{height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);line-height:var(--pdx-inline-control-height-mobile, 40px);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"summary\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"summary\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:7px var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;white-space:normal;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 82%,transparent)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary{grid-area:summary;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;max-height:var(--pdx-overlay-side-presets-max-h, 220px);overflow-x:hidden;overflow-y:auto}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:7px var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;white-space:normal;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg, #1f1f3d) 82%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary{flex:1 0 100%;width:100%;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface);box-sizing:border-box}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{min-height:336px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"] }]
41552
+ }, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 14px);border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg)!important;background-color:var(--pdx-inline-chip-bg)!important;color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;background-color:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg))!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:var(--pdx-inline-chip-active-bg)!important;background-color:var(--pdx-inline-chip-active-bg)!important;color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--pdx-inline-chip-fg)!important;font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant))!important;opacity:0!important}:host ::ng-deep .pdx-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--pdx-inline-chip-muted, var(--md-sys-color-on-surface-variant));opacity:0;visibility:hidden}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--pdx-inline-chip-active-fg)!important;opacity:.9;visibility:visible}:host ::ng-deep .pdx-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-inline-date-range .pdx-inline-display-text{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 1.75rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--pdx-inline-chip-active-fg);font-size:1.05rem;line-height:1.2;z-index:1}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-container{opacity:0}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-end-wrapper,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-label-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:transparent!important;caret-color:transparent;text-shadow:none;-webkit-user-select:none;user-select:none}:host ::ng-deep .pdx-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--pdx-inline-chip-active-fg);background:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 22%,transparent);color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 192px;--pdx-overlay-side-presets-max-h: 220px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(328px, 36vw, 372px);--pdx-inline-overlay-calendar-min-h: 328px;--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 184px;--pdx-overlay-side-presets-max-h: 276px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 204px;--pdx-overlay-side-presets-max-h: 296px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 192px;--pdx-overlay-side-presets-max-h: 284px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 184px;--pdx-overlay-side-presets-max-h: 276px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 204px;--pdx-overlay-side-presets-max-h: 296px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail{--pdx-inline-shortcut-rail-min-w: 220px;--pdx-inline-shortcut-rail-max-w: 296px;--pdx-overlay-side-presets-max-h: 320px;display:grid;grid-template-columns:minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w)) minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr);width:min(704px,calc(100vw - 24px));min-width:min(704px,calc(100vw - 24px));max-width:min(704px,calc(100vw - 24px));align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail.pdx-inline-date-range-content--physical-end{grid-template-columns:minmax(var(--pdx-inline-overlay-calendar-w, 328px),1fr) minmax(var(--pdx-inline-shortcut-rail-min-w),var(--pdx-inline-shortcut-rail-max-w))}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions{--pdx-overlay-actions-padding: 8px;--pdx-overlay-actions-gap: 8px;grid-column:1 / -1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-padding: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--with-shortcut-rail>.pdx-inline-date-range-panel{width:100%;min-width:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail{min-width:0;padding:var(--pdx-overlay-actions-padding, 12px);border-inline-end:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-sizing:border-box;overflow:hidden;position:relative}::ng-deep .mat-datepicker-content .mat-datepicker-content-container.pdx-inline-date-range-content--physical-end .pdx-inline-date-range-shortcut-rail{border-inline-end:0;border-inline-start:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{width:100%;max-height:min(var(--pdx-overlay-side-presets-max-h, 320px),calc(100dvh - 180px));display:flex;flex-direction:column;align-items:stretch;gap:var(--pdx-overlay-presets-gap, 8px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-inline-end:6px;scrollbar-color:color-mix(in srgb,var(--md-sys-color-primary) 54%,transparent) transparent;scrollbar-width:thin}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar{width:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail:after{position:absolute;right:12px;bottom:12px;left:12px;height:22px;pointer-events:none;content:\"\";background:linear-gradient(to bottom,transparent,var(--md-sys-color-surface-container-high))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-preset{width:100%;justify-content:flex-start;letter-spacing:0}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.mat-mdc-button-base{--mdc-outlined-button-container-height: auto;--mdc-text-button-container-height: auto;block-size:auto;min-block-size:56px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);padding-bottom:10px;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{width:100%;max-width:100%;min-height:var(--pdx-inline-overlay-calendar-min-h, 352px);height:auto}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);min-width:40px;min-height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button{min-height:var(--pdx-inline-control-height-mobile, 40px);border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-container,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-label{padding-top:20px!important;padding-bottom:20px!important}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell{height:var(--pdx-inline-control-height-mobile, 40px)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:var(--pdx-inline-control-height-mobile, 40px);line-height:var(--pdx-inline-control-height-mobile, 40px);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"summary\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"summary\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:7px var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;white-space:normal;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg) 82%,transparent)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=info]{border-inline-start:3px solid var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=success]{border-inline-start:3px solid var(--pdx-color-success, var(--md-sys-color-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset[data-tone=warning]{border-inline-start:3px solid var(--md-sys-color-tertiary)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary{grid-area:summary;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-shortcut-rail .pdx-inline-date-range-overlay-presets{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;max-height:var(--pdx-overlay-side-presets-max-h, 220px);overflow-x:hidden;overflow-y:auto}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:56px;height:auto;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:7px var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;white-space:normal;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset .mdc-button__label{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;width:100%;line-height:1.15;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset mat-icon{flex:0 0 auto;width:16px;height:16px;font-size:16px;line-height:1;margin-top:1px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-copy{display:grid;gap:3px;min-width:0;width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-label{display:-webkit-box;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset-range{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.75rem;font-weight:500;line-height:1.2;white-space:normal}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active .pdx-inline-date-range-preset-range{color:color-mix(in srgb,var(--pdx-inline-chip-active-fg, #1f1f3d) 82%,transparent)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary{flex:1 0 100%;width:100%;display:grid;gap:6px;min-width:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:var(--pdx-inline-radius, 8px);padding:10px 12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,transparent);color:var(--md-sys-color-on-surface);box-sizing:border-box}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-title{min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:700;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-description,::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-range{color:var(--md-sys-color-on-surface-variant);font-size:.76rem;font-weight:500;line-height:1.25}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-value{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-size:.84rem;font-weight:650;line-height:1.2}::ng-deep .mat-datepicker-content .pdx-inline-date-range-selection-summary-label{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1.15;text-transform:uppercase}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:var(--pdx-inline-control-height-mobile, 40px);min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=text]{border-color:transparent;background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=outlined]{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:transparent}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high, #dce3ef);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-color-role=danger]{color:var(--md-sys-color-error, #ba1a1a)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error, #ba1a1a);color:var(--md-sys-color-on-error, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 40px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-panel .mat-calendar{min-height:336px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"] }]
41000
41553
  }], propDecorators: { pickerRef: [{
41001
41554
  type: ViewChild,
41002
41555
  args: ['picker']