@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.
- package/ai/component-registry.json +2 -2
- package/docs/dynamic-fields-field-selection-guide.md +19 -0
- package/fesm2022/praxisui-dynamic-fields.mjs +787 -234
- package/package.json +3 -3
- package/src/lib/components/material-async-select/pdx-material-async-select.json-api.md +10 -4
- package/src/lib/components/material-searchable-select/pdx-material-searchable-select.json-api.md +7 -2
- package/src/lib/components/material-select/pdx-material-select.json-api.md +10 -4
- package/types/praxisui-dynamic-fields.d.ts +42 -6
|
@@ -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
|
-
|
|
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 (
|
|
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
|
|
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
|
|
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 ||
|
|
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
|
-
|
|
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
|
|
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": "
|
|
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
|
-
<
|
|
14114
|
-
|
|
14115
|
-
|
|
14116
|
-
|
|
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-
|
|
14379
|
+
[attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
|
|
14133
14380
|
[attr.aria-expanded]="materialPanelOpen()"
|
|
14134
14381
|
[attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
|
|
14135
|
-
[attr.aria-disabled]="
|
|
14382
|
+
[attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
|
|
14136
14383
|
[attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
|
|
14137
|
-
[
|
|
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
|
|
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
|
-
|
|
14452
|
+
</pdx-collection-overlay>
|
|
14197
14453
|
|
|
14198
|
-
|
|
14199
|
-
|
|
14200
|
-
|
|
14201
|
-
<mat-icon
|
|
14202
|
-
|
|
14203
|
-
|
|
14204
|
-
|
|
14205
|
-
|
|
14206
|
-
|
|
14207
|
-
|
|
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{
|
|
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
|
-
<
|
|
14355
|
-
|
|
14356
|
-
|
|
14357
|
-
|
|
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-
|
|
14665
|
+
[attr.aria-label]="selectionTriggerAriaLabel(materialFullDisplayText())"
|
|
14374
14666
|
[attr.aria-expanded]="materialPanelOpen()"
|
|
14375
14667
|
[attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
|
|
14376
|
-
[attr.aria-disabled]="
|
|
14668
|
+
[attr.aria-disabled]="isDisabledEffective() ? 'true' : null"
|
|
14377
14669
|
[attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
|
|
14378
|
-
[
|
|
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
|
|
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
|
-
|
|
14738
|
+
</pdx-collection-overlay>
|
|
14438
14739
|
|
|
14439
|
-
|
|
14440
|
-
|
|
14441
|
-
|
|
14442
|
-
<mat-icon
|
|
14443
|
-
|
|
14444
|
-
|
|
14445
|
-
|
|
14446
|
-
|
|
14447
|
-
|
|
14448
|
-
|
|
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]': '
|
|
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{
|
|
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 ||
|
|
21190
|
+
return this.placeholder || '';
|
|
20836
21191
|
return this.options().find((option) => this.sameValue(option.value, value))?.label ?? String(value);
|
|
20837
21192
|
}
|
|
20838
|
-
|
|
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": "
|
|
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
|
-
<
|
|
20884
|
-
|
|
20885
|
-
|
|
20886
|
-
|
|
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]="
|
|
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-
|
|
20903
|
-
[attr.aria-disabled]="
|
|
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]="
|
|
20909
|
-
[matTooltip]="
|
|
20910
|
-
[matTooltipDisabled]="!(
|
|
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
|
-
|
|
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
|
-
|
|
21358
|
+
</pdx-collection-overlay>
|
|
20973
21359
|
|
|
20974
|
-
|
|
20975
|
-
|
|
20976
|
-
|
|
20977
|
-
|
|
20978
|
-
|
|
20979
|
-
|
|
20980
|
-
|
|
20981
|
-
|
|
20982
|
-
|
|
20983
|
-
|
|
20984
|
-
|
|
20985
|
-
|
|
20986
|
-
|
|
20987
|
-
|
|
20988
|
-
|
|
20989
|
-
|
|
20990
|
-
|
|
20991
|
-
|
|
20992
|
-
|
|
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
|
-
<
|
|
21011
|
-
|
|
21012
|
-
|
|
21013
|
-
|
|
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]="
|
|
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-
|
|
21030
|
-
[attr.aria-disabled]="
|
|
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]="
|
|
21036
|
-
[matTooltip]="
|
|
21037
|
-
[matTooltipDisabled]="!(
|
|
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
|
-
|
|
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
|
-
|
|
21511
|
+
</pdx-collection-overlay>
|
|
21100
21512
|
|
|
21101
|
-
|
|
21102
|
-
|
|
21103
|
-
|
|
21104
|
-
|
|
21105
|
-
|
|
21106
|
-
|
|
21107
|
-
|
|
21108
|
-
|
|
21109
|
-
|
|
21110
|
-
|
|
21111
|
-
|
|
21112
|
-
|
|
21113
|
-
|
|
21114
|
-
|
|
21115
|
-
|
|
21116
|
-
|
|
21117
|
-
|
|
21118
|
-
|
|
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]': '
|
|
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{
|
|
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
|
-
|
|
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 ||
|
|
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
|
-
|
|
28434
|
-
|
|
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": "
|
|
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
|
-
<
|
|
28673
|
-
|
|
28674
|
-
|
|
28675
|
-
|
|
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-
|
|
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
|
-
[
|
|
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
|
-
|
|
29238
|
+
</pdx-collection-overlay>
|
|
28779
29239
|
|
|
28780
|
-
|
|
28781
|
-
|
|
28782
|
-
|
|
28783
|
-
<mat-icon
|
|
28784
|
-
|
|
28785
|
-
|
|
28786
|
-
|
|
28787
|
-
|
|
28788
|
-
|
|
28789
|
-
class="pdx-field-help-icon"
|
|
28790
|
-
|
|
28791
|
-
|
|
28792
|
-
|
|
28793
|
-
|
|
28794
|
-
|
|
28795
|
-
|
|
28796
|
-
|
|
28797
|
-
|
|
28798
|
-
</
|
|
28799
|
-
|
|
28800
|
-
|
|
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
|
-
<
|
|
28822
|
-
|
|
28823
|
-
|
|
28824
|
-
|
|
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-
|
|
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
|
-
[
|
|
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
|
-
|
|
29412
|
+
</pdx-collection-overlay>
|
|
28928
29413
|
|
|
28929
|
-
|
|
28930
|
-
|
|
28931
|
-
|
|
28932
|
-
<mat-icon
|
|
28933
|
-
|
|
28934
|
-
|
|
28935
|
-
|
|
28936
|
-
|
|
28937
|
-
|
|
28938
|
-
class="pdx-field-help-icon"
|
|
28939
|
-
|
|
28940
|
-
|
|
28941
|
-
|
|
28942
|
-
|
|
28943
|
-
|
|
28944
|
-
|
|
28945
|
-
|
|
28946
|
-
|
|
28947
|
-
</
|
|
28948
|
-
|
|
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]': '
|
|
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{
|
|
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']
|