@praxisui/dynamic-fields 9.0.5-rc.2 → 9.0.5-rc.21

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.
Files changed (10) hide show
  1. package/README.md +3 -3
  2. package/ai/component-registry.json +2 -2
  3. package/docs/dynamic-fields-field-selection-guide.md +29 -6
  4. package/docs/dynamic-fields-inline-components-guide.md +3 -3
  5. package/fesm2022/praxisui-dynamic-fields.mjs +191 -68
  6. package/package.json +3 -3
  7. package/src/lib/components/inline-async-select/pdx-inline-async-select.json-api.md +1 -1
  8. package/src/lib/components/inline-searchable-select/pdx-inline-searchable-select.json-api.md +1 -1
  9. package/src/lib/components/material-searchable-select/pdx-material-searchable-select.json-api.md +1 -1
  10. package/types/praxisui-dynamic-fields.d.ts +14 -1
package/fesm2022/praxisui-dynamic-fields.mjs CHANGED
@@ -6,7 +6,7 @@ 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
7
  import { Subscription, BehaviorSubject, combineLatest, of, EMPTY, timer, firstValueFrom, fromEvent, take as take$1 } from 'rxjs';
8
8
  import { Router } from '@angular/router';
9
- import * as i1$3 from '@angular/material/dialog';
9
+ import * as i1$4 from '@angular/material/dialog';
10
10
  import { MatDialog, MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
11
11
  import { take, startWith, debounceTime, map, catchError, distinctUntilChanged, switchMap, tap, filter } from 'rxjs/operators';
12
12
  import * as i4$2 from '@angular/material/select';
@@ -35,6 +35,8 @@ import * as i7 from '@angular/material/progress-spinner';
35
35
  import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
36
36
  import * as i4$1 from '@angular/material/autocomplete';
37
37
  import { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';
38
+ import * as i1$3 from '@angular/cdk/a11y';
39
+ import { A11yModule } from '@angular/cdk/a11y';
38
40
  import * as i2$3 from '@angular/material/radio';
39
41
  import { MatRadioModule } from '@angular/material/radio';
40
42
  import * as i2$4 from '@angular/material/slide-toggle';
@@ -46,13 +48,12 @@ import * as i6$1 from '@angular/material/menu';
46
48
  import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
47
49
  import localePt from '@angular/common/locales/pt';
48
50
  import { ScrollingModule } from '@angular/cdk/scrolling';
49
- import { A11yModule } from '@angular/cdk/a11y';
50
51
  import * as i3$1 from '@angular/material/slider';
51
52
  import { MatSliderModule } from '@angular/material/slider';
52
53
  import * as i4$4 from '@angular/material/timepicker';
53
54
  import { MatTimepickerModule } from '@angular/material/timepicker';
54
55
  import { NestedTreeControl } from '@angular/cdk/tree';
55
- import * as i1$4 from '@angular/material/tree';
56
+ import * as i1$5 from '@angular/material/tree';
56
57
  import { MatTreeNestedDataSource, MatTreeModule } from '@angular/material/tree';
57
58
  import { SelectionModel } from '@angular/cdk/collections';
58
59
  import * as i3$2 from '@angular/material/chips';
@@ -62,7 +63,7 @@ import * as i2$5 from '@angular/material/button-toggle';
62
63
  import { MatButtonToggleModule } from '@angular/material/button-toggle';
63
64
  import * as i2$6 from '@angular/material/list';
64
65
  import { MatListModule } from '@angular/material/list';
65
- import * as i1$5 from '@angular/material/card';
66
+ import * as i1$6 from '@angular/material/card';
66
67
  import { MatCardModule } from '@angular/material/card';
67
68
  import * as i2$7 from '@angular/material/progress-bar';
68
69
  import { MatProgressBarModule } from '@angular/material/progress-bar';
@@ -70,9 +71,9 @@ import * as i9 from '@angular/material/tabs';
70
71
  import { MatTabsModule } from '@angular/material/tabs';
71
72
  import * as i10 from '@angular/material/divider';
72
73
  import { MatDividerModule } from '@angular/material/divider';
73
- import * as i1$6 from '@angular/material/bottom-sheet';
74
+ import * as i1$7 from '@angular/material/bottom-sheet';
74
75
  import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
75
- import * as i1$7 from '@angular/cdk/drag-drop';
76
+ import * as i1$8 from '@angular/cdk/drag-drop';
76
77
  import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
77
78
  import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
78
79
 
@@ -455,6 +456,10 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
455
456
  'praxis.dynamicFields.entityLookup.searchStrategy.businessCode': 'Employee code',
456
457
  'praxis.dynamicFields.entityLookup.searchStrategy.descriptiveText': 'Name or description',
457
458
  'praxis.dynamicFields.entityLookup.searchStrategy.normalizedDocument': 'Document',
459
+ 'praxis.dynamicFields.select.searchStrategyRequired': 'Select how you want to search.',
460
+ 'praxis.dynamicFields.select.searchStrategyDigitsOnly': 'Use numbers only for this search.',
461
+ 'praxis.dynamicFields.select.searchStrategyDocumentFormat': 'Use only numbers, spaces, periods, or hyphens.',
462
+ 'praxis.dynamicFields.select.searchStrategyMinimum': 'Enter at least {{minimum}} characters.',
458
463
  'praxis.dynamicFields.entityLookup.dialog.context.filtered': 'Use quick search and active filters to reach the right entity.',
459
464
  'praxis.dynamicFields.entityLookup.dialog.currentSelection': 'Current selection: {value}',
460
465
  'praxis.dynamicFields.entityLookup.dialog.filters.show': 'Show filters',
@@ -889,6 +894,10 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
889
894
  'praxis.dynamicFields.entityLookup.searchStrategy.businessCode': 'Código funcional',
890
895
  'praxis.dynamicFields.entityLookup.searchStrategy.descriptiveText': 'Nome ou descrição',
891
896
  'praxis.dynamicFields.entityLookup.searchStrategy.normalizedDocument': 'Documento',
897
+ 'praxis.dynamicFields.select.searchStrategyRequired': 'Selecione como deseja buscar.',
898
+ 'praxis.dynamicFields.select.searchStrategyDigitsOnly': 'Use apenas números nesta busca.',
899
+ 'praxis.dynamicFields.select.searchStrategyDocumentFormat': 'Use apenas números, espaços, pontos ou hífens.',
900
+ 'praxis.dynamicFields.select.searchStrategyMinimum': 'Digite pelo menos {{minimum}} caracteres.',
892
901
  'praxis.dynamicFields.entityLookup.dialog.context.filtered': 'Use a busca rápida e os filtros ativos para chegar à entidade correta.',
893
902
  'praxis.dynamicFields.entityLookup.dialog.currentSelection': 'Seleção atual: {value}',
894
903
  'praxis.dynamicFields.entityLookup.dialog.filters.show': 'Mostrar filtros',
@@ -12728,7 +12737,7 @@ class SelectPanelActionsComponent {
12728
12737
  (click)="requestLoadMore($event)"
12729
12738
  >
12730
12739
  @if (loading) {
12731
- <mat-progress-spinner diameter="16" mode="indeterminate" />
12740
+ <mat-progress-spinner diameter="16" mode="indeterminate" aria-hidden="true" />
12732
12741
  <span>{{ loadingLabel }}</span>
12733
12742
  } @else {
12734
12743
  <mat-icon aria-hidden="true">expand_more</mat-icon>
@@ -12782,7 +12791,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12782
12791
  (click)="requestLoadMore($event)"
12783
12792
  >
12784
12793
  @if (loading) {
12785
- <mat-progress-spinner diameter="16" mode="indeterminate" />
12794
+ <mat-progress-spinner diameter="16" mode="indeterminate" aria-hidden="true" />
12786
12795
  <span>{{ loadingLabel }}</span>
12787
12796
  } @else {
12788
12797
  <mat-icon aria-hidden="true">expand_more</mat-icon>
@@ -12844,14 +12853,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12844
12853
  selector: '[pdxCollectionOverlayTrigger]',
12845
12854
  }]
12846
12855
  }] });
12856
+ let nextCollectionOverlayId = 0;
12847
12857
  class PdxCollectionOverlayComponent {
12848
12858
  open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
12849
12859
  ariaLabel = input.required(...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
12860
+ /** Optional explicit dialog id. A unique id is generated for direct legacy consumers. */
12861
+ panelId = input(null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
12850
12862
  panelClass = input('', ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
12851
12863
  panelWidth = input(null, ...(ngDevMode ? [{ debugName: "panelWidth" }] : /* istanbul ignore next */ []));
12852
12864
  density = input('regular', ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
12853
12865
  opened = output();
12854
12866
  closed = output();
12867
+ fallbackPanelId = `pdx-collection-overlay-${++nextCollectionOverlayId}`;
12855
12868
  trigger = contentChild.required(PdxCollectionOverlayTriggerDirective);
12856
12869
  positions = [
12857
12870
  {
@@ -12872,6 +12885,12 @@ class PdxCollectionOverlayComponent {
12872
12885
  resolvedPanelWidth() {
12873
12886
  return this.panelWidth() ?? this.trigger().elementRef.nativeElement.getBoundingClientRect().width;
12874
12887
  }
12888
+ resolvedPanelClasses() {
12889
+ return ['pdx-collection-overlay-pane', this.panelClass()].filter(Boolean);
12890
+ }
12891
+ resolvedPanelId() {
12892
+ return this.panelId()?.trim() || this.fallbackPanelId;
12893
+ }
12875
12894
  close(reason, restoreFocus = true) {
12876
12895
  if (!this.open())
12877
12896
  return;
@@ -12889,7 +12908,7 @@ class PdxCollectionOverlayComponent {
12889
12908
  this.close('escape');
12890
12909
  }
12891
12910
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12892
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: PdxCollectionOverlayComponent, isStandalone: true, selector: "pdx-collection-overlay", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: true, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, panelWidth: { classPropertyName: "panelWidth", publicName: "panelWidth", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", opened: "opened", closed: "closed" }, queries: [{ propertyName: "trigger", first: true, predicate: PdxCollectionOverlayTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
12911
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.14", type: PdxCollectionOverlayComponent, isStandalone: true, selector: "pdx-collection-overlay", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: true, transformFunction: null }, panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, panelWidth: { classPropertyName: "panelWidth", publicName: "panelWidth", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", opened: "opened", closed: "closed" }, queries: [{ propertyName: "trigger", first: true, predicate: PdxCollectionOverlayTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
12893
12912
  <span #overlayOrigin="cdkOverlayOrigin" cdkOverlayOrigin class="pdx-collection-overlay__origin">
12894
12913
  <ng-content select="[pdxCollectionOverlayTrigger]" />
12895
12914
  </span>
@@ -12900,7 +12919,7 @@ class PdxCollectionOverlayComponent {
12900
12919
  [cdkConnectedOverlayOrigin]="overlayOrigin"
12901
12920
  [cdkConnectedOverlayPositions]="positions"
12902
12921
  [cdkConnectedOverlayWidth]="resolvedPanelWidth()"
12903
- [cdkConnectedOverlayPanelClass]="panelClass()"
12922
+ [cdkConnectedOverlayPanelClass]="resolvedPanelClasses()"
12904
12923
  [cdkConnectedOverlayPush]="true"
12905
12924
  [cdkConnectedOverlayViewportMargin]="8"
12906
12925
  [cdkConnectedOverlayHasBackdrop]="true"
@@ -12913,7 +12932,11 @@ class PdxCollectionOverlayComponent {
12913
12932
  <section
12914
12933
  class="pdx-collection-overlay"
12915
12934
  [class.pdx-collection-overlay--compact]="density() === 'compact'"
12935
+ [id]="resolvedPanelId()"
12936
+ role="dialog"
12937
+ aria-modal="false"
12916
12938
  [attr.aria-label]="ariaLabel()"
12939
+ cdkTrapFocus
12917
12940
  >
12918
12941
  <div class="pdx-collection-overlay__header">
12919
12942
  <ng-content select="[pdxCollectionOverlayHeader]" />
@@ -12926,11 +12949,11 @@ class PdxCollectionOverlayComponent {
12926
12949
  </div>
12927
12950
  </section>
12928
12951
  </ng-template>
12929
- `, isInline: true, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var(--pdx-inline-panel-outline, var(--praxis-theme-outline));border-radius:var(--pdx-inline-panel-radius, 12px);background:var(--pdx-inline-panel-surface, var(--praxis-theme-surface-overlay));color:var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface));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}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"], dependencies: [{ 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 });
12952
+ `, isInline: true, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
12930
12953
  }
12931
12954
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionOverlayComponent, decorators: [{
12932
12955
  type: Component,
12933
- args: [{ selector: 'pdx-collection-overlay', imports: [OverlayModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
12956
+ args: [{ selector: 'pdx-collection-overlay', imports: [A11yModule, OverlayModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
12934
12957
  <span #overlayOrigin="cdkOverlayOrigin" cdkOverlayOrigin class="pdx-collection-overlay__origin">
12935
12958
  <ng-content select="[pdxCollectionOverlayTrigger]" />
12936
12959
  </span>
@@ -12941,7 +12964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12941
12964
  [cdkConnectedOverlayOrigin]="overlayOrigin"
12942
12965
  [cdkConnectedOverlayPositions]="positions"
12943
12966
  [cdkConnectedOverlayWidth]="resolvedPanelWidth()"
12944
- [cdkConnectedOverlayPanelClass]="panelClass()"
12967
+ [cdkConnectedOverlayPanelClass]="resolvedPanelClasses()"
12945
12968
  [cdkConnectedOverlayPush]="true"
12946
12969
  [cdkConnectedOverlayViewportMargin]="8"
12947
12970
  [cdkConnectedOverlayHasBackdrop]="true"
@@ -12954,7 +12977,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12954
12977
  <section
12955
12978
  class="pdx-collection-overlay"
12956
12979
  [class.pdx-collection-overlay--compact]="density() === 'compact'"
12980
+ [id]="resolvedPanelId()"
12981
+ role="dialog"
12982
+ aria-modal="false"
12957
12983
  [attr.aria-label]="ariaLabel()"
12984
+ cdkTrapFocus
12958
12985
  >
12959
12986
  <div class="pdx-collection-overlay__header">
12960
12987
  <ng-content select="[pdxCollectionOverlayHeader]" />
@@ -12967,8 +12994,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12967
12994
  </div>
12968
12995
  </section>
12969
12996
  </ng-template>
12970
- `, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var(--pdx-inline-panel-outline, var(--praxis-theme-outline));border-radius:var(--pdx-inline-panel-radius, 12px);background:var(--pdx-inline-panel-surface, var(--praxis-theme-surface-overlay));color:var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface));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}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"] }]
12971
- }], 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 }] }], 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 }] }] } });
12997
+ `, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"] }]
12998
+ }], 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 }] }] } });
12972
12999
 
12973
13000
  class PdxCollectionSearchComponent {
12974
13001
  value = input('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -13076,6 +13103,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13076
13103
  activeLookupFilters = signal([], ...(ngDevMode ? [{ debugName: "activeLookupFilters" }] : /* istanbul ignore next */ []));
13077
13104
  selectedLookupSortKey = signal(null, ...(ngDevMode ? [{ debugName: "selectedLookupSortKey" }] : /* istanbul ignore next */ []));
13078
13105
  selectedLookupSearchStrategyKey = signal(null, ...(ngDevMode ? [{ debugName: "selectedLookupSearchStrategyKey" }] : /* istanbul ignore next */ []));
13106
+ lookupSearchFeedback = signal(null, ...(ngDevMode ? [{ debugName: "lookupSearchFeedback" }] : /* istanbul ignore next */ []));
13079
13107
  remoteTotalElements = signal(null, ...(ngDevMode ? [{ debugName: "remoteTotalElements" }] : /* istanbul ignore next */ []));
13080
13108
  queryTerm = signal('', ...(ngDevMode ? [{ debugName: "queryTerm" }] : /* istanbul ignore next */ []));
13081
13109
  store = new OptionStore();
@@ -13320,6 +13348,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13320
13348
  }
13321
13349
  materialLabelId() { return `${this.componentId()}-label`; }
13322
13350
  materialPanelId() { return `${this.componentId()}-options`; }
13351
+ materialOverlayId() { return `${this.componentId()}-popup`; }
13323
13352
  materialOverlayPanelWidth() { return 'min(420px, calc(100vw - 24px))'; }
13324
13353
  usesSearchCombobox() {
13325
13354
  return this.searchable() && !this.multiple();
@@ -13451,6 +13480,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13451
13480
  return this.currentLookupFiltering()?.searchStrategies ?? [];
13452
13481
  }
13453
13482
  initializeLookupFilteringState() {
13483
+ this.lookupSearchFeedback.set(null);
13454
13484
  const filtering = this.currentLookupFiltering();
13455
13485
  if (!filtering) {
13456
13486
  this.selectedLookupSortKey.set(null);
@@ -13672,7 +13702,17 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13672
13702
  ? ++this.queryGeneration
13673
13703
  : this.queryGeneration;
13674
13704
  this.synchronizeDependencyCriteriaFromControls();
13675
- const term = this.queryTerm();
13705
+ const termResolution = this.resolveGovernedLookupSearch(this.queryTerm());
13706
+ if (!termResolution.allowed) {
13707
+ if (reset)
13708
+ ++this.queryGeneration;
13709
+ this.loading.set(false);
13710
+ this.error.set(null);
13711
+ this.remoteTotalElements.set(null);
13712
+ this.endReached.set(false);
13713
+ return of(void 0);
13714
+ }
13715
+ const term = termResolution.term;
13676
13716
  const hasSearchTerm = !!term.trim();
13677
13717
  const optionSource = this.optionSource();
13678
13718
  const filter = { ...this.filterCriteria() };
@@ -13760,6 +13800,46 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13760
13800
  return EMPTY;
13761
13801
  }));
13762
13802
  }
13803
+ resolveGovernedLookupSearch(rawTerm) {
13804
+ const term = rawTerm.trim();
13805
+ if (!term) {
13806
+ this.lookupSearchFeedback.set(null);
13807
+ return { allowed: true, term: rawTerm };
13808
+ }
13809
+ const strategies = this.lookupSearchStrategies();
13810
+ if (!strategies.length) {
13811
+ this.lookupSearchFeedback.set(null);
13812
+ return { allowed: true, term: rawTerm };
13813
+ }
13814
+ const selectedKey = this.selectedLookupSearchStrategyKey();
13815
+ if (strategies.length > 1 && !selectedKey) {
13816
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyRequired', 'Selecione como deseja buscar.'));
13817
+ return { allowed: false };
13818
+ }
13819
+ const strategy = strategies.find(({ key }) => key === selectedKey);
13820
+ if (!strategy) {
13821
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyRequired', 'Selecione como deseja buscar.'));
13822
+ return { allowed: false };
13823
+ }
13824
+ let normalized = term;
13825
+ if (strategy.kind === 'normalized-document') {
13826
+ if (!/^[0-9.\-\s]+$/.test(term)) {
13827
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyDocumentFormat', 'Use apenas números, espaços, pontos ou hífens.'));
13828
+ return { allowed: false };
13829
+ }
13830
+ normalized = term.replace(/[^0-9]/g, '');
13831
+ }
13832
+ else if (strategy.inputFormat === 'digits' && !/^[0-9]+$/.test(term)) {
13833
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyDigitsOnly', 'Use apenas números nesta busca.'));
13834
+ return { allowed: false };
13835
+ }
13836
+ if (normalized.length < strategy.minSearchChars) {
13837
+ this.lookupSearchFeedback.set(this.tDynamicFields('select.searchStrategyMinimum', `Digite pelo menos ${strategy.minSearchChars} caracteres.`, { minimum: strategy.minSearchChars }));
13838
+ return { allowed: false };
13839
+ }
13840
+ this.lookupSearchFeedback.set(null);
13841
+ return { allowed: true, term: normalized };
13842
+ }
13763
13843
  loadMore() {
13764
13844
  if (!this.showLoadMore())
13765
13845
  return;
@@ -14085,6 +14165,9 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14085
14165
  @if (hasValidationError()) {
14086
14166
  <mat-error>{{ errorMessage() }}</mat-error>
14087
14167
  }
14168
+ @if (lookupSearchFeedback()) {
14169
+ <mat-hint><span role="status">{{ lookupSearchFeedback() }}</span></mat-hint>
14170
+ }
14088
14171
  @if (hasInlineFieldHelp()) {
14089
14172
  <mat-hint>{{ fieldHelpInlineText() }}</mat-hint>
14090
14173
  }
@@ -14096,6 +14179,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14096
14179
  <pdx-collection-overlay
14097
14180
  [(open)]="materialPanelOpen"
14098
14181
  [ariaLabel]="selectPanelActionsAriaLabel()"
14182
+ [panelId]="materialOverlayId()"
14099
14183
  panelClass="pdx-material-async-select-panel"
14100
14184
  [panelWidth]="materialOverlayPanelWidth()"
14101
14185
  (opened)="onMaterialOverlayOpened()"
@@ -14107,10 +14191,10 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14107
14191
  type="button"
14108
14192
  class="pdx-material-collection-trigger"
14109
14193
  role="combobox"
14110
- aria-haspopup="listbox"
14194
+ aria-haspopup="dialog"
14111
14195
  [attr.aria-labelledby]="materialLabelId()"
14112
14196
  [attr.aria-expanded]="materialPanelOpen()"
14113
- [attr.aria-controls]="materialPanelOpen() ? materialPanelId() : null"
14197
+ [attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
14114
14198
  [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
14115
14199
  [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
14116
14200
  [disabled]="isInteractionDisabled()"
@@ -14135,6 +14219,9 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14135
14219
  (keydown)="onMaterialSearchKeydown($event)"
14136
14220
  />
14137
14221
  }
14222
+ @if (lookupSearchFeedback()) {
14223
+ <p class="pdx-material-collection-field__hint" role="status">{{ lookupSearchFeedback() }}</p>
14224
+ }
14138
14225
 
14139
14226
  <div pdxCollectionOverlayOptions class="pdx-material-async-select-options"
14140
14227
  [id]="materialPanelId()" role="listbox"
@@ -14185,7 +14272,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14185
14272
  @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
14186
14273
  </div>
14187
14274
  }
14188
- `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
14275
+ `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
14189
14276
  }
14190
14277
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAsyncSelectComponent, decorators: [{
14191
14278
  type: Component,
@@ -14325,6 +14412,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14325
14412
  @if (hasValidationError()) {
14326
14413
  <mat-error>{{ errorMessage() }}</mat-error>
14327
14414
  }
14415
+ @if (lookupSearchFeedback()) {
14416
+ <mat-hint><span role="status">{{ lookupSearchFeedback() }}</span></mat-hint>
14417
+ }
14328
14418
  @if (hasInlineFieldHelp()) {
14329
14419
  <mat-hint>{{ fieldHelpInlineText() }}</mat-hint>
14330
14420
  }
@@ -14336,6 +14426,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14336
14426
  <pdx-collection-overlay
14337
14427
  [(open)]="materialPanelOpen"
14338
14428
  [ariaLabel]="selectPanelActionsAriaLabel()"
14429
+ [panelId]="materialOverlayId()"
14339
14430
  panelClass="pdx-material-async-select-panel"
14340
14431
  [panelWidth]="materialOverlayPanelWidth()"
14341
14432
  (opened)="onMaterialOverlayOpened()"
@@ -14347,10 +14438,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14347
14438
  type="button"
14348
14439
  class="pdx-material-collection-trigger"
14349
14440
  role="combobox"
14350
- aria-haspopup="listbox"
14441
+ aria-haspopup="dialog"
14351
14442
  [attr.aria-labelledby]="materialLabelId()"
14352
14443
  [attr.aria-expanded]="materialPanelOpen()"
14353
- [attr.aria-controls]="materialPanelOpen() ? materialPanelId() : null"
14444
+ [attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
14354
14445
  [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
14355
14446
  [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
14356
14447
  [disabled]="isInteractionDisabled()"
@@ -14375,6 +14466,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14375
14466
  (keydown)="onMaterialSearchKeydown($event)"
14376
14467
  />
14377
14468
  }
14469
+ @if (lookupSearchFeedback()) {
14470
+ <p class="pdx-material-collection-field__hint" role="status">{{ lookupSearchFeedback() }}</p>
14471
+ }
14378
14472
 
14379
14473
  <div pdxCollectionOverlayOptions class="pdx-material-async-select-options"
14380
14474
  [id]="materialPanelId()" role="listbox"
@@ -18280,6 +18374,9 @@ class EntityLookupDialogComponent {
18280
18374
  [attr.aria-label]="dialogSearchAriaLabel()"
18281
18375
  data-testid="entity-lookup-dialog-search-input"
18282
18376
  />
18377
+ @if (lookup().lookupSearchFeedback()) {
18378
+ <mat-hint><span role="status">{{ lookup().lookupSearchFeedback() }}</span></mat-hint>
18379
+ }
18283
18380
  </mat-form-field>
18284
18381
 
18285
18382
  @if (showSortControl()) {
@@ -18788,7 +18885,7 @@ class EntityLookupDialogComponent {
18788
18885
  {{ applyText() }}
18789
18886
  </button>
18790
18887
  </mat-dialog-actions>
18791
- `, 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$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$3.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"] }] });
18888
+ `, 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"] }] });
18792
18889
  }
18793
18890
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EntityLookupDialogComponent, decorators: [{
18794
18891
  type: Component,
@@ -18838,6 +18935,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
18838
18935
  [attr.aria-label]="dialogSearchAriaLabel()"
18839
18936
  data-testid="entity-lookup-dialog-search-input"
18840
18937
  />
18938
+ @if (lookup().lookupSearchFeedback()) {
18939
+ <mat-hint><span role="status">{{ lookup().lookupSearchFeedback() }}</span></mat-hint>
18940
+ }
18841
18941
  </mat-form-field>
18842
18942
 
18843
18943
  @if (showSortControl()) {
@@ -20815,6 +20915,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20815
20915
  }
20816
20916
  labelId() { return `${this.componentId()}-label`; }
20817
20917
  panelId() { return `${this.componentId()}-options`; }
20918
+ overlayId() { return `${this.componentId()}-popup`; }
20818
20919
  overlayPanelWidth() { return 'min(420px, calc(100vw - 24px))'; }
20819
20920
  focusOverlayOption(index) {
20820
20921
  queueMicrotask(() => {
@@ -20863,6 +20964,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20863
20964
  <pdx-collection-overlay
20864
20965
  [(open)]="panelOpen"
20865
20966
  [ariaLabel]="label || metadata()?.name || 'Seleção'"
20967
+ [panelId]="overlayId()"
20866
20968
  panelClass="pdx-material-select-panel"
20867
20969
  [panelWidth]="overlayPanelWidth()"
20868
20970
  (opened)="onOverlayOpened()"
@@ -20874,12 +20976,12 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20874
20976
  type="button"
20875
20977
  class="pdx-material-collection-trigger"
20876
20978
  role="combobox"
20877
- aria-haspopup="listbox"
20979
+ aria-haspopup="dialog"
20878
20980
  [attr.aria-labelledby]="labelId()"
20879
20981
  [attr.aria-disabled]="isInteractionDisabled()"
20880
20982
  [attr.aria-required]="metadata()?.required || null"
20881
20983
  [attr.aria-expanded]="panelOpen()"
20882
- [attr.aria-controls]="panelOpen() ? panelId() : null"
20984
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
20883
20985
  [tabIndex]="metadata()?.tabIndex ?? 0"
20884
20986
  [disabled]="isInteractionDisabled()"
20885
20987
  [matTooltip]="tooltipEnabled() ? errorMessage() : null"
@@ -20965,7 +21067,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20965
21067
  @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
20966
21068
  @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
20967
21069
  </div>
20968
- `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-material-select-panel{--pdx-material-select-panel-surface: var( --pdx-overlay-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, light-dark(#ffffff, #121c28))) );--pdx-material-select-panel-on-surface: var( --pdx-overlay-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, #111827)) );--mat-select-panel-background-color: var(--pdx-material-select-panel-surface);--mat-option-label-text-color: var(--pdx-material-select-panel-on-surface);--mat-option-selected-state-label-text-color: var(--md-sys-color-primary, #2563eb);--mat-option-selected-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 12%, var(--pdx-material-select-panel-surface) );--mat-option-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 8%, var(--pdx-material-select-panel-surface) );--mat-option-focus-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 10%, var(--pdx-material-select-panel-surface) );background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .38)))!important;box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3, 0 18px 44px rgba(15, 23, 42, .18)))!important;color:var(--pdx-material-select-panel-on-surface)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel) div.mat-mdc-select-panel.pdx-material-select-panel{background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border-radius:8px!important;overflow:auto!important}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest))) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px;position:sticky;top:0;z-index:1}::ng-deep .pdx-material-select-panel .pdx-select-search-option input{background:var( --pdx-field-surface, color-mix( in srgb, var(--pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--md-sys-color-surface-container-highest))) 82%, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 8% ) );border:1px solid var( --pdx-field-border, color-mix( in srgb, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 22%, transparent ) );border-radius:12px;box-sizing:border-box;color:var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) );min-height:38px;padding:0 12px;width:100%}::ng-deep .pdx-material-select-panel .pdx-select-search-option input::placeholder{color:color-mix(in srgb,var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) ) 68%,transparent)}::ng-deep .pdx-material-select-panel .pdx-select-search-option input:focus{border-color:var(--pdx-field-focus-border, var(--praxis-theme-focus-outline, var(--md-sys-color-primary, var(--mat-select-focused-arrow-color))));outline:1px solid var( --pdx-field-focus-ring, color-mix(in srgb, var(--praxis-theme-focus-outline, var(--md-sys-color-primary, currentColor)) 32%, transparent) );outline-offset:0}::ng-deep .pdx-material-select-panel .mat-mdc-option{min-height:48px;height:auto}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-material-select-panel-on-surface) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "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"] }] });
21070
+ `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
20969
21071
  }
20970
21072
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSelectComponent, decorators: [{
20971
21073
  type: Component,
@@ -20989,6 +21091,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
20989
21091
  <pdx-collection-overlay
20990
21092
  [(open)]="panelOpen"
20991
21093
  [ariaLabel]="label || metadata()?.name || 'Seleção'"
21094
+ [panelId]="overlayId()"
20992
21095
  panelClass="pdx-material-select-panel"
20993
21096
  [panelWidth]="overlayPanelWidth()"
20994
21097
  (opened)="onOverlayOpened()"
@@ -21000,12 +21103,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
21000
21103
  type="button"
21001
21104
  class="pdx-material-collection-trigger"
21002
21105
  role="combobox"
21003
- aria-haspopup="listbox"
21106
+ aria-haspopup="dialog"
21004
21107
  [attr.aria-labelledby]="labelId()"
21005
21108
  [attr.aria-disabled]="isInteractionDisabled()"
21006
21109
  [attr.aria-required]="metadata()?.required || null"
21007
21110
  [attr.aria-expanded]="panelOpen()"
21008
- [attr.aria-controls]="panelOpen() ? panelId() : null"
21111
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
21009
21112
  [tabIndex]="metadata()?.tabIndex ?? 0"
21010
21113
  [disabled]="isInteractionDisabled()"
21011
21114
  [matTooltip]="tooltipEnabled() ? errorMessage() : null"
@@ -21107,7 +21210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
21107
21210
  '[attr.data-field-type]': '"select"',
21108
21211
  '[attr.data-field-name]': 'metadata()?.name',
21109
21212
  '[attr.data-component-id]': 'componentId()',
21110
- }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-material-select-panel{--pdx-material-select-panel-surface: var( --pdx-overlay-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, light-dark(#ffffff, #121c28))) );--pdx-material-select-panel-on-surface: var( --pdx-overlay-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, #111827)) );--mat-select-panel-background-color: var(--pdx-material-select-panel-surface);--mat-option-label-text-color: var(--pdx-material-select-panel-on-surface);--mat-option-selected-state-label-text-color: var(--md-sys-color-primary, #2563eb);--mat-option-selected-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 12%, var(--pdx-material-select-panel-surface) );--mat-option-hover-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 8%, var(--pdx-material-select-panel-surface) );--mat-option-focus-state-layer-color: color-mix( in srgb, var(--md-sys-color-primary, #2563eb) 10%, var(--pdx-material-select-panel-surface) );background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .38)))!important;box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3, 0 18px 44px rgba(15, 23, 42, .18)))!important;color:var(--pdx-material-select-panel-on-surface)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-select-panel) div.mat-mdc-select-panel.pdx-material-select-panel{background-color:var(--pdx-material-select-panel-surface)!important;background-image:none!important;border-radius:8px!important;overflow:auto!important}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest))) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px;position:sticky;top:0;z-index:1}::ng-deep .pdx-material-select-panel .pdx-select-search-option input{background:var( --pdx-field-surface, color-mix( in srgb, var(--pdx-overlay-surface, var(--pdx-material-select-panel-surface, var(--md-sys-color-surface-container-highest))) 82%, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 8% ) );border:1px solid var( --pdx-field-border, color-mix( in srgb, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) 22%, transparent ) );border-radius:12px;box-sizing:border-box;color:var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) );min-height:38px;padding:0 12px;width:100%}::ng-deep .pdx-material-select-panel .pdx-select-search-option input::placeholder{color:color-mix(in srgb,var( --pdx-field-text, var(--pdx-overlay-on-surface, var(--pdx-material-select-panel-on-surface, var(--md-sys-color-on-surface))) ) 68%,transparent)}::ng-deep .pdx-material-select-panel .pdx-select-search-option input:focus{border-color:var(--pdx-field-focus-border, var(--praxis-theme-focus-outline, var(--md-sys-color-primary, var(--mat-select-focused-arrow-color))));outline:1px solid var( --pdx-field-focus-ring, color-mix(in srgb, var(--praxis-theme-focus-outline, var(--md-sys-color-primary, currentColor)) 32%, transparent) );outline-offset:0}::ng-deep .pdx-material-select-panel .mat-mdc-option{min-height:48px;height:auto}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-material-select-panel-on-surface) 68%,transparent);font-size:.75rem}\n"] }]
21213
+ }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"] }]
21111
21214
  }], propDecorators: { readonlyMode: [{
21112
21215
  type: Input
21113
21216
  }], disabledMode: [{
@@ -23468,7 +23571,7 @@ class ConfirmDialogComponent {
23468
23571
  return 'primary';
23469
23572
  }
23470
23573
  }
23471
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
23574
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$4.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
23472
23575
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ConfirmDialogComponent, isStandalone: true, selector: "pdx-confirm-dialog", ngImport: i0, template: `
23473
23576
  <div class="pdx-confirm-dialog" [class]="'pdx-confirm-type-' + (data.type || 'info')">
23474
23577
 
@@ -23506,7 +23609,7 @@ class ConfirmDialogComponent {
23506
23609
  </mat-dialog-actions>
23507
23610
 
23508
23611
  </div>
23509
- `, isInline: true, styles: [".pdx-confirm-dialog{min-width:300px;max-width:500px;padding:24px;box-sizing:border-box}.pdx-dialog-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.pdx-dialog-icon{font-size:24px;height:24px;width:24px}.pdx-dialog-title{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, 16px);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 24px);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, .15px)}.pdx-dialog-content{padding:0;margin:0 0 24px}.pdx-dialog-message{margin:0;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, .25px);line-height:1.5}.pdx-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0 0;background:transparent}.pdx-cancel-button{color:var(--md-sys-color-on-surface-variant);margin-right:4px}.pdx-confirm-type-warning .pdx-dialog-icon{color:var(--md-sys-color-secondary)}.pdx-confirm-type-danger .pdx-dialog-icon{color:var(--md-sys-color-error)}.pdx-confirm-type-info .pdx-dialog-icon{color:var(--md-sys-color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$3.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: "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"] }] });
23612
+ `, isInline: true, styles: [".pdx-confirm-dialog{min-width:300px;max-width:500px;padding:24px;box-sizing:border-box}.pdx-dialog-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.pdx-dialog-icon{font-size:24px;height:24px;width:24px}.pdx-dialog-title{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, 16px);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 24px);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, .15px)}.pdx-dialog-content{padding:0;margin:0 0 24px}.pdx-dialog-message{margin:0;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, .25px);line-height:1.5}.pdx-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0 0;background:transparent}.pdx-cancel-button{color:var(--md-sys-color-on-surface-variant);margin-right:4px}.pdx-confirm-type-warning .pdx-dialog-icon{color:var(--md-sys-color-secondary)}.pdx-confirm-type-danger .pdx-dialog-icon{color:var(--md-sys-color-error)}.pdx-confirm-type-info .pdx-dialog-icon{color:var(--md-sys-color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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: "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"] }] });
23510
23613
  }
23511
23614
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
23512
23615
  type: Component,
@@ -23553,7 +23656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
23553
23656
 
23554
23657
  </div>
23555
23658
  `, styles: [".pdx-confirm-dialog{min-width:300px;max-width:500px;padding:24px;box-sizing:border-box}.pdx-dialog-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.pdx-dialog-icon{font-size:24px;height:24px;width:24px}.pdx-dialog-title{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, 16px);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 24px);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, .15px)}.pdx-dialog-content{padding:0;margin:0 0 24px}.pdx-dialog-message{margin:0;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, .25px);line-height:1.5}.pdx-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0 0;background:transparent}.pdx-cancel-button{color:var(--md-sys-color-on-surface-variant);margin-right:4px}.pdx-confirm-type-warning .pdx-dialog-icon{color:var(--md-sys-color-secondary)}.pdx-confirm-type-danger .pdx-dialog-icon{color:var(--md-sys-color-error)}.pdx-confirm-type-info .pdx-dialog-icon{color:var(--md-sys-color-primary)}\n"] }]
23556
- }], ctorParameters: () => [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
23659
+ }], ctorParameters: () => [{ type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
23557
23660
  type: Inject,
23558
23661
  args: [MAT_DIALOG_DATA]
23559
23662
  }] }] });
@@ -27770,6 +27873,9 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
27770
27873
  panelId() {
27771
27874
  return `${this.componentId()}-options`;
27772
27875
  }
27876
+ overlayId() {
27877
+ return `${this.componentId()}-popup`;
27878
+ }
27773
27879
  overlayPanelWidth() {
27774
27880
  return 'min(360px, calc(100vw - 24px))';
27775
27881
  }
@@ -27906,6 +28012,7 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
27906
28012
  <pdx-collection-overlay
27907
28013
  [(open)]="panelOpen"
27908
28014
  [ariaLabel]="ariaLabel()"
28015
+ [panelId]="overlayId()"
27909
28016
  panelClass="pdx-inline-select-panel"
27910
28017
  [panelWidth]="overlayPanelWidth()"
27911
28018
  [style.--pdx-inline-select-min-w.px]="inlineMinWidthPx || null"
@@ -27920,9 +28027,9 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
27920
28027
  class="pdx-inline-select-trigger pdx-chip-trigger"
27921
28028
  [class.is-active]="hasSelection()"
27922
28029
  role="combobox"
27923
- aria-haspopup="listbox"
28030
+ aria-haspopup="dialog"
27924
28031
  [attr.aria-expanded]="panelOpen()"
27925
- [attr.aria-controls]="panelOpen() ? panelId() : null"
28032
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
27926
28033
  [attr.aria-label]="ariaLabel()"
27927
28034
  [disabled]="isInteractionDisabled()"
27928
28035
  [matTooltip]="inlineTooltipText()"
@@ -28031,7 +28138,7 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
28031
28138
  <span class="pdx-chip-clear-icon" aria-hidden="true"></span>
28032
28139
  </button>
28033
28140
  }
28034
- `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-inline-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-inline-size:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 24px));padding:0 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.pdx-inline-select-trigger:focus-visible,.pdx-inline-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-select-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-inline-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-option:hover:not(:disabled),.pdx-inline-select-option.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-select-empty{margin:0;padding:16px;text-align:center}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:16px;height:16px;margin:0;transform:none;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:12px;height:1.7px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(260px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { 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"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "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"] }] });
28141
+ `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-inline-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-inline-size:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 24px));padding:0 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.pdx-inline-select-trigger:focus-visible,.pdx-inline-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-select-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-inline-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-option:hover:not(:disabled),.pdx-inline-select-option.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-select-empty{margin:0;padding:16px;text-align:center}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:16px;height:16px;margin:0;transform:none;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:12px;height:1.7px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { 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"] }, { 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"] }] });
28035
28142
  }
28036
28143
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSelectComponent, decorators: [{
28037
28144
  type: Component,
@@ -28050,6 +28157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28050
28157
  <pdx-collection-overlay
28051
28158
  [(open)]="panelOpen"
28052
28159
  [ariaLabel]="ariaLabel()"
28160
+ [panelId]="overlayId()"
28053
28161
  panelClass="pdx-inline-select-panel"
28054
28162
  [panelWidth]="overlayPanelWidth()"
28055
28163
  [style.--pdx-inline-select-min-w.px]="inlineMinWidthPx || null"
@@ -28064,9 +28172,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28064
28172
  class="pdx-inline-select-trigger pdx-chip-trigger"
28065
28173
  [class.is-active]="hasSelection()"
28066
28174
  role="combobox"
28067
- aria-haspopup="listbox"
28175
+ aria-haspopup="dialog"
28068
28176
  [attr.aria-expanded]="panelOpen()"
28069
- [attr.aria-controls]="panelOpen() ? panelId() : null"
28177
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
28070
28178
  [attr.aria-label]="ariaLabel()"
28071
28179
  [disabled]="isInteractionDisabled()"
28072
28180
  [matTooltip]="inlineTooltipText()"
@@ -28192,7 +28300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28192
28300
  '[attr.data-field-type]': '"inlineSelect"',
28193
28301
  '[attr.data-field-name]': 'metadata()?.name',
28194
28302
  '[attr.data-component-id]': 'componentId()',
28195
- }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-inline-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-inline-size:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 24px));padding:0 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.pdx-inline-select-trigger:focus-visible,.pdx-inline-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-select-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-inline-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-option:hover:not(:disabled),.pdx-inline-select-option.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-select-empty{margin:0;padding:16px;text-align:center}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:16px;height:16px;margin:0;transform:none;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:12px;height:1.7px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(260px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
28303
+ }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-inline-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-inline-size:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 24px));padding:0 16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary)}.pdx-inline-select-trigger:focus-visible,.pdx-inline-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-select-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-inline-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-select-option:hover:not(:disabled),.pdx-inline-select-option.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-select-empty{margin:0;padding:16px;text-align:center}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:16px;height:16px;margin:0;transform:none;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:12px;height:1.7px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:var(--md-sys-color-primary)!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel) div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-select-panel{border-radius:22px!important;overflow:hidden!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
28196
28304
  }], propDecorators: { readonlyMode: [{
28197
28305
  type: Input
28198
28306
  }], disabledMode: [{
@@ -28406,6 +28514,9 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28406
28514
  panelId() {
28407
28515
  return `${this.componentId()}-options`;
28408
28516
  }
28517
+ overlayId() {
28518
+ return `${this.componentId()}-popup`;
28519
+ }
28409
28520
  overlayPanelWidth() {
28410
28521
  return 'min(420px, calc(100vw - 24px))';
28411
28522
  }
@@ -28642,6 +28753,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28642
28753
  <pdx-collection-overlay
28643
28754
  [(open)]="panelOpen"
28644
28755
  [ariaLabel]="selectPanelActionsAriaLabel()"
28756
+ [panelId]="overlayId()"
28645
28757
  panelClass="pdx-material-searchable-select-panel"
28646
28758
  [panelWidth]="overlayPanelWidth()"
28647
28759
  (opened)="onOverlayOpened()"
@@ -28653,12 +28765,12 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28653
28765
  type="button"
28654
28766
  class="pdx-material-collection-trigger"
28655
28767
  role="combobox"
28656
- aria-haspopup="listbox"
28768
+ aria-haspopup="dialog"
28657
28769
  [attr.aria-labelledby]="labelId()"
28658
28770
  [attr.aria-disabled]="searchableSelectAriaDisabled()"
28659
28771
  [attr.aria-readonly]="searchableSelectAriaReadonly()"
28660
28772
  [attr.aria-expanded]="panelOpen()"
28661
- [attr.aria-controls]="panelOpen() ? panelId() : null"
28773
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
28662
28774
  [disabled]="isInteractionDisabled()"
28663
28775
  (click)="toggleOverlay()"
28664
28776
  (keydown)="onTriggerKeydown($event)"
@@ -28765,7 +28877,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28765
28877
  @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
28766
28878
  @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
28767
28879
  </div>
28768
- `, 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 .cdk-overlay-connected-position-bounding-box:has(.pdx-material-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane .mat-mdc-select-panel.pdx-material-searchable-select-panel{max-height:min(360px,calc(100vh - 96px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 0 6px;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pdx-overlay-on-surface, currentColor) 42%,transparent) transparent}::ng-deep .pdx-material-searchable-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-material-searchable-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-overlay-on-surface, currentColor) 10%,transparent)}::ng-deep .pdx-material-searchable-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-overlay-on-surface, currentColor) 56%,transparent)}::ng-deep .pdx-material-searchable-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-overlay-on-surface, currentColor) 70%,transparent)}::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;position:sticky;top:-8px;z-index:1}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option input{background:var( --pdx-field-surface, color-mix( in srgb, var(--pdx-overlay-surface, var(--md-sys-color-surface-container-highest)) 82%, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface)) 8% ) );border:1px solid var( --pdx-field-border, color-mix( in srgb, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface)) 22%, transparent ) );border-radius:12px;box-sizing:border-box;color:var(--pdx-field-text, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface)));min-height:38px;padding:0 12px;width:100%}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option input::placeholder{color:color-mix(in srgb,var(--pdx-field-text, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface))) 68%,transparent)}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option input:focus{border-color:var(--pdx-field-focus-border, var(--md-sys-color-primary, var(--mat-select-focused-arrow-color)));outline:1px solid var( --pdx-field-focus-ring, color-mix(in srgb, var(--md-sys-color-primary, currentColor) 32%, transparent) );outline-offset:0}::ng-deep .pdx-material-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", "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"] }] });
28880
+ `, 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"] }] });
28769
28881
  }
28770
28882
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSearchableSelectComponent, decorators: [{
28771
28883
  type: Component,
@@ -28790,6 +28902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28790
28902
  <pdx-collection-overlay
28791
28903
  [(open)]="panelOpen"
28792
28904
  [ariaLabel]="selectPanelActionsAriaLabel()"
28905
+ [panelId]="overlayId()"
28793
28906
  panelClass="pdx-material-searchable-select-panel"
28794
28907
  [panelWidth]="overlayPanelWidth()"
28795
28908
  (opened)="onOverlayOpened()"
@@ -28801,12 +28914,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28801
28914
  type="button"
28802
28915
  class="pdx-material-collection-trigger"
28803
28916
  role="combobox"
28804
- aria-haspopup="listbox"
28917
+ aria-haspopup="dialog"
28805
28918
  [attr.aria-labelledby]="labelId()"
28806
28919
  [attr.aria-disabled]="searchableSelectAriaDisabled()"
28807
28920
  [attr.aria-readonly]="searchableSelectAriaReadonly()"
28808
28921
  [attr.aria-expanded]="panelOpen()"
28809
- [attr.aria-controls]="panelOpen() ? panelId() : null"
28922
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
28810
28923
  [disabled]="isInteractionDisabled()"
28811
28924
  (click)="toggleOverlay()"
28812
28925
  (keydown)="onTriggerKeydown($event)"
@@ -28930,7 +29043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28930
29043
  '[attr.data-field-type]': '"searchable-select"',
28931
29044
  '[attr.data-field-name]': 'metadata()?.name',
28932
29045
  '[attr.data-component-id]': 'componentId()',
28933
- }, 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 .cdk-overlay-connected-position-bounding-box:has(.pdx-material-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane .mat-mdc-select-panel.pdx-material-searchable-select-panel{max-height:min(360px,calc(100vh - 96px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 0 6px;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pdx-overlay-on-surface, currentColor) 42%,transparent) transparent}::ng-deep .pdx-material-searchable-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-material-searchable-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-overlay-on-surface, currentColor) 10%,transparent)}::ng-deep .pdx-material-searchable-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-overlay-on-surface, currentColor) 56%,transparent)}::ng-deep .pdx-material-searchable-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-overlay-on-surface, currentColor) 70%,transparent)}::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;position:sticky;top:-8px;z-index:1}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option input{background:var( --pdx-field-surface, color-mix( in srgb, var(--pdx-overlay-surface, var(--md-sys-color-surface-container-highest)) 82%, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface)) 8% ) );border:1px solid var( --pdx-field-border, color-mix( in srgb, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface)) 22%, transparent ) );border-radius:12px;box-sizing:border-box;color:var(--pdx-field-text, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface)));min-height:38px;padding:0 12px;width:100%}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option input::placeholder{color:color-mix(in srgb,var(--pdx-field-text, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface))) 68%,transparent)}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option input:focus{border-color:var(--pdx-field-focus-border, var(--md-sys-color-primary, var(--mat-select-focused-arrow-color)));outline:1px solid var( --pdx-field-focus-ring, color-mix(in srgb, var(--md-sys-color-primary, currentColor) 32%, transparent) );outline-offset:0}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
29046
+ }, 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"] }]
28934
29047
  }], propDecorators: { readonlyMode: [{
28935
29048
  type: Input
28936
29049
  }], disabledMode: [{
@@ -29260,6 +29373,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
29260
29373
  class="pdx-inline-overlay-shell"
29261
29374
  [(open)]="panelOpen"
29262
29375
  [ariaLabel]="selectPanelActionsAriaLabel()"
29376
+ [panelId]="overlayId()"
29263
29377
  panelClass="pdx-inline-searchable-select-panel"
29264
29378
  [panelWidth]="overlayPanelWidth()"
29265
29379
  [style.--pdx-inline-searchable-select-min-w.px]="inlineMinWidthPx || null"
@@ -29274,9 +29388,9 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
29274
29388
  class="pdx-inline-searchable-select-trigger pdx-chip-trigger"
29275
29389
  [class.is-active]="hasSelection()"
29276
29390
  role="combobox"
29277
- aria-haspopup="listbox"
29391
+ aria-haspopup="dialog"
29278
29392
  [attr.aria-expanded]="panelOpen()"
29279
- [attr.aria-controls]="panelOpen() ? panelId() : null"
29393
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
29280
29394
  [attr.aria-label]="ariaLabel()"
29281
29395
  [disabled]="isOverlayDisabled()"
29282
29396
  [matTooltip]="inlineTooltipText()"
@@ -29405,7 +29519,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
29405
29519
  <span class="pdx-chip-clear-icon" aria-hidden="true"></span>
29406
29520
  </button>
29407
29521
  }
29408
- `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 16%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 24%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 20px);width:var(--pdx-inline-clear-size, 20px);height:var(--pdx-inline-clear-size, 20px);min-width:var(--pdx-inline-clear-size, 20px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:14px;height:14px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-mdc-select-trigger:focus-visible):not(:has(.mat-select-open)){border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-select-open){box-shadow:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-searchable-select-min-w, 146px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:hidden!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:transparent!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary));min-inline-size:var(--pdx-inline-searchable-select-active-min-w, 156px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:min(420px,calc(100vw - 24px))!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel{min-width:min(280px,calc(100vw - 24px))!important;width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:8px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent) transparent;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-searchable-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-searchable-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent)}::ng-deep .pdx-inline-searchable-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 56%,transparent)}::ng-deep .pdx-inline-searchable-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 10px!important;position:sticky;top:-8px;z-index:1;cursor:default;opacity:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;width:100%;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,var(--md-sys-color-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{flex:0 0 auto;width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant);opacity:.82}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.92rem;line-height:1.35}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),100%)}.pdx-inline-searchable-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-searchable-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-searchable-select-trigger:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-searchable-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-searchable-select-option:hover:not(:disabled),.pdx-inline-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-searchable-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-3px}.pdx-inline-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-searchable-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-searchable-select-empty{margin:0;padding:16px;color:var(--md-sys-color-on-surface-variant);text-align:center}.pdx-inline-searchable-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-searchable-select-clear) .pdx-inline-searchable-select-trigger{padding-right:38px}@media(prefers-reduced-motion:reduce){.pdx-inline-searchable-select-trigger{transition:none}}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: 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"] }, { 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", "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"] }] });
29522
+ `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 16%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 24%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 20px);width:var(--pdx-inline-clear-size, 20px);height:var(--pdx-inline-clear-size, 20px);min-width:var(--pdx-inline-clear-size, 20px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:14px;height:14px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-mdc-select-trigger:focus-visible):not(:has(.mat-select-open)){border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-select-open){box-shadow:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-searchable-select-min-w, 146px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:hidden!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:transparent!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary));min-inline-size:var(--pdx-inline-searchable-select-active-min-w, 156px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 10px!important;position:sticky;top:-8px;z-index:1;cursor:default;opacity:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;width:100%;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,var(--md-sys-color-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{flex:0 0 auto;width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant);opacity:.82}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.92rem;line-height:1.35}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),100%)}.pdx-inline-searchable-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-searchable-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-searchable-select-trigger:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-searchable-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-searchable-select-option:hover:not(:disabled),.pdx-inline-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-searchable-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-3px}.pdx-inline-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-searchable-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-searchable-select-empty{margin:0;padding:16px;color:var(--md-sys-color-on-surface-variant);text-align:center}.pdx-inline-searchable-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-searchable-select-clear) .pdx-inline-searchable-select-trigger{padding-right:38px}@media(prefers-reduced-motion:reduce){.pdx-inline-searchable-select-trigger{transition:none}}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: 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"] }, { 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"] }] });
29409
29523
  }
29410
29524
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSearchableSelectComponent, decorators: [{
29411
29525
  type: Component,
@@ -29422,6 +29536,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29422
29536
  class="pdx-inline-overlay-shell"
29423
29537
  [(open)]="panelOpen"
29424
29538
  [ariaLabel]="selectPanelActionsAriaLabel()"
29539
+ [panelId]="overlayId()"
29425
29540
  panelClass="pdx-inline-searchable-select-panel"
29426
29541
  [panelWidth]="overlayPanelWidth()"
29427
29542
  [style.--pdx-inline-searchable-select-min-w.px]="inlineMinWidthPx || null"
@@ -29436,9 +29551,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29436
29551
  class="pdx-inline-searchable-select-trigger pdx-chip-trigger"
29437
29552
  [class.is-active]="hasSelection()"
29438
29553
  role="combobox"
29439
- aria-haspopup="listbox"
29554
+ aria-haspopup="dialog"
29440
29555
  [attr.aria-expanded]="panelOpen()"
29441
- [attr.aria-controls]="panelOpen() ? panelId() : null"
29556
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
29442
29557
  [attr.aria-label]="ariaLabel()"
29443
29558
  [disabled]="isOverlayDisabled()"
29444
29559
  [matTooltip]="inlineTooltipText()"
@@ -29584,7 +29699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29584
29699
  '[attr.data-field-type]': '"inlineSearchableSelect"',
29585
29700
  '[attr.data-field-name]': 'metadata()?.name',
29586
29701
  '[attr.data-component-id]': 'componentId()',
29587
- }, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 16%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 24%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 20px);width:var(--pdx-inline-clear-size, 20px);height:var(--pdx-inline-clear-size, 20px);min-width:var(--pdx-inline-clear-size, 20px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:14px;height:14px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-mdc-select-trigger:focus-visible):not(:has(.mat-select-open)){border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-select-open){box-shadow:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-searchable-select-min-w, 146px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:hidden!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:transparent!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary));min-inline-size:var(--pdx-inline-searchable-select-active-min-w, 156px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:min(420px,calc(100vw - 24px))!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-searchable-select-panel{min-width:min(280px,calc(100vw - 24px))!important;width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:8px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent) transparent;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-searchable-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-searchable-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent)}::ng-deep .pdx-inline-searchable-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 56%,transparent)}::ng-deep .pdx-inline-searchable-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 10px!important;position:sticky;top:-8px;z-index:1;cursor:default;opacity:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;width:100%;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,var(--md-sys-color-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{flex:0 0 auto;width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant);opacity:.82}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.92rem;line-height:1.35}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),100%)}.pdx-inline-searchable-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-searchable-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-searchable-select-trigger:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-searchable-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-searchable-select-option:hover:not(:disabled),.pdx-inline-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-searchable-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-3px}.pdx-inline-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-searchable-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-searchable-select-empty{margin:0;padding:16px;color:var(--md-sys-color-on-surface-variant);text-align:center}.pdx-inline-searchable-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-searchable-select-clear) .pdx-inline-searchable-select-trigger{padding-right:38px}@media(prefers-reduced-motion:reduce){.pdx-inline-searchable-select-trigger{transition:none}}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
29702
+ }, styles: [":host{--pdx-inline-chip-active-clear-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 16%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 24%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 20px);width:var(--pdx-inline-clear-size, 20px);height:var(--pdx-inline-clear-size, 20px);min-width:var(--pdx-inline-clear-size, 20px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{flex:none;display:block;width:14px;height:14px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:1.6px;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-mdc-select-trigger:focus-visible):not(:has(.mat-select-open)){border-color:var(--md-sys-color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.mat-select-open){box-shadow:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-searchable-select-min-w, 146px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:999px;background:var(--md-sys-color-surface-container-high)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:hidden!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active){border-color:transparent!important;background:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary));min-inline-size:var(--pdx-inline-searchable-select-active-min-w, 156px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-value,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-trigger,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-prefix{margin-right:10px}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-icon-suffix{margin-left:10px}:host ::ng-deep .pdx-inline-searchable-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;overflow:hidden}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;box-sizing:border-box}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-searchable-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 10px!important;position:sticky;top:-8px;z-index:1;cursor:default;opacity:1;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;width:100%;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 88%,var(--md-sys-color-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 70%,var(--md-sys-color-surface-container-high));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--md-sys-color-surface-container-highest)}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-icon{flex:0 0 auto;width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant);opacity:.82}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.92rem;line-height:1.35}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),100%)}.pdx-inline-searchable-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-searchable-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-high);font:inherit;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-searchable-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-searchable-select-trigger:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-searchable-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-searchable-select-option:hover:not(:disabled),.pdx-inline-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-searchable-select-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-3px}.pdx-inline-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-searchable-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-searchable-select-empty{margin:0;padding:16px;color:var(--md-sys-color-on-surface-variant);text-align:center}.pdx-inline-searchable-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-searchable-select-clear) .pdx-inline-searchable-select-trigger{padding-right:38px}@media(prefers-reduced-motion:reduce){.pdx-inline-searchable-select-trigger{transition:none}}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
29588
29703
  }], propDecorators: { onViewportResize: [{
29589
29704
  type: HostListener,
29590
29705
  args: ['window:resize']
@@ -29794,6 +29909,9 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
29794
29909
  panelId() {
29795
29910
  return `${this.componentId()}-options`;
29796
29911
  }
29912
+ overlayId() {
29913
+ return `${this.componentId()}-popup`;
29914
+ }
29797
29915
  isOverlayDisabled() {
29798
29916
  return this.isInteractionDisabled();
29799
29917
  }
@@ -29989,6 +30107,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
29989
30107
  class="pdx-inline-overlay-shell"
29990
30108
  [(open)]="isPanelOpen"
29991
30109
  [ariaLabel]="selectPanelActionsAriaLabel()"
30110
+ [panelId]="overlayId()"
29992
30111
  panelClass="pdx-inline-async-select-panel"
29993
30112
  [panelWidth]="overlayPanelWidth()"
29994
30113
  [style.--pdx-inline-async-select-min-w.px]="inlineMinWidthPx || null"
@@ -30003,9 +30122,9 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
30003
30122
  class="pdx-inline-async-select-trigger pdx-chip-trigger"
30004
30123
  [class.is-active]="hasSelection()"
30005
30124
  role="combobox"
30006
- aria-haspopup="listbox"
30125
+ aria-haspopup="dialog"
30007
30126
  [attr.aria-expanded]="isPanelOpen()"
30008
- [attr.aria-controls]="isPanelOpen() ? panelId() : null"
30127
+ [attr.aria-controls]="isPanelOpen() ? overlayId() : null"
30009
30128
  [attr.aria-label]="ariaLabel()"
30010
30129
  [disabled]="isOverlayDisabled()"
30011
30130
  [matTooltip]="inlineTooltipText()"
@@ -30133,7 +30252,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
30133
30252
  <mat-icon aria-hidden="true">{{ clearIconName() }}</mat-icon>
30134
30253
  </button>
30135
30254
  }
30136
- `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var( --pdx-inline-panel-state-hover );--mat-option-focus-state-layer-color: var( --pdx-inline-panel-state-hover );--mat-option-selected-state-layer-color: var( --pdx-inline-panel-state-focus );min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 42%,transparent) transparent;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),100%)}.pdx-inline-async-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--pdx-inline-field-outline);border-radius:999px;background:var(--pdx-inline-field-surface);font:inherit;cursor:pointer}.pdx-inline-async-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-async-select-trigger:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:2px}.pdx-inline-async-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-async-select-option:hover:not(:disabled),.pdx-inline-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-async-select-option:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:-3px}.pdx-inline-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-async-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-async-select-empty{margin:0;padding:16px;color:var(--pdx-inline-field-on-surface-muted);text-align:center}.pdx-inline-async-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-async-select-clear) .pdx-inline-async-select-trigger{padding-right:38px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: 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"] }, { 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", "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"] }] });
30255
+ `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),100%)}.pdx-inline-async-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--pdx-inline-field-outline);border-radius:999px;background:var(--pdx-inline-field-surface);font:inherit;cursor:pointer}.pdx-inline-async-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-async-select-trigger:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:2px}.pdx-inline-async-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-async-select-option:hover:not(:disabled),.pdx-inline-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-async-select-option:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:-3px}.pdx-inline-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-async-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-async-select-empty{margin:0;padding:16px;color:var(--pdx-inline-field-on-surface-muted);text-align:center}.pdx-inline-async-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-async-select-clear) .pdx-inline-async-select-trigger{padding-right:38px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: 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"] }, { 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"] }] });
30137
30256
  }
30138
30257
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineAsyncSelectComponent, decorators: [{
30139
30258
  type: Component,
@@ -30150,6 +30269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30150
30269
  class="pdx-inline-overlay-shell"
30151
30270
  [(open)]="isPanelOpen"
30152
30271
  [ariaLabel]="selectPanelActionsAriaLabel()"
30272
+ [panelId]="overlayId()"
30153
30273
  panelClass="pdx-inline-async-select-panel"
30154
30274
  [panelWidth]="overlayPanelWidth()"
30155
30275
  [style.--pdx-inline-async-select-min-w.px]="inlineMinWidthPx || null"
@@ -30164,9 +30284,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30164
30284
  class="pdx-inline-async-select-trigger pdx-chip-trigger"
30165
30285
  [class.is-active]="hasSelection()"
30166
30286
  role="combobox"
30167
- aria-haspopup="listbox"
30287
+ aria-haspopup="dialog"
30168
30288
  [attr.aria-expanded]="isPanelOpen()"
30169
- [attr.aria-controls]="isPanelOpen() ? panelId() : null"
30289
+ [attr.aria-controls]="isPanelOpen() ? overlayId() : null"
30170
30290
  [attr.aria-label]="ariaLabel()"
30171
30291
  [disabled]="isOverlayDisabled()"
30172
30292
  [matTooltip]="inlineTooltipText()"
@@ -30311,7 +30431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30311
30431
  '[attr.data-field-type]': '"inlineAsyncSelect"',
30312
30432
  '[attr.data-field-name]': 'metadata()?.name',
30313
30433
  '[attr.data-component-id]': 'componentId()',
30314
- }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var( --pdx-inline-panel-state-hover );--mat-option-focus-state-layer-color: var( --pdx-inline-panel-state-hover );--mat-option-selected-state-layer-color: var( --pdx-inline-panel-state-focus );min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 42%,transparent) transparent;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),100%)}.pdx-inline-async-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--pdx-inline-field-outline);border-radius:999px;background:var(--pdx-inline-field-surface);font:inherit;cursor:pointer}.pdx-inline-async-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-async-select-trigger:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:2px}.pdx-inline-async-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-async-select-option:hover:not(:disabled),.pdx-inline-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-async-select-option:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:-3px}.pdx-inline-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-async-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-async-select-empty{margin:0;padding:16px;color:var(--pdx-inline-field-on-surface-muted);text-align:center}.pdx-inline-async-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-async-select-clear) .pdx-inline-async-select-trigger{padding-right:38px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
30434
+ }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) )}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.pdx-inline-overlay-shell{display:inline-block;width:auto;min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),100%)}.pdx-inline-async-select-trigger{min-height:var(--pdx-inline-control-height, 42px);min-width:min(var(--pdx-inline-async-select-min-w, 132px),100%);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 12px);border:1px solid var(--pdx-inline-field-outline);border-radius:999px;background:var(--pdx-inline-field-surface);font:inherit;cursor:pointer}.pdx-inline-async-select-trigger.is-active{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-async-select-trigger:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:2px}.pdx-inline-async-select-trigger:disabled{cursor:default;opacity:.62}.pdx-inline-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-inline-async-select-option:hover:not(:disabled),.pdx-inline-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-async-select-option:focus-visible{outline:2px solid var(--pdx-inline-field-focus-outline);outline-offset:-3px}.pdx-inline-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-async-select-option:disabled{cursor:default;opacity:.54}.pdx-inline-async-select-empty{margin:0;padding:16px;color:var(--pdx-inline-field-on-surface-muted);text-align:center}.pdx-inline-async-select-clear{position:absolute;top:50%;right:8px;z-index:1;transform:translateY(-50%)}:host:has(.pdx-inline-async-select-clear) .pdx-inline-async-select-trigger{padding-right:38px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
30315
30435
  }], propDecorators: { collectionOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PdxCollectionOverlayComponent), { isSignal: true }] }], collectionSearch: [{ type: i0.ViewChild, args: [i0.forwardRef(() => PdxCollectionSearchComponent), { isSignal: true }] }], overlayTrigger: [{ type: i0.ViewChild, args: ['overlayTrigger', { isSignal: true }] }], overlayOptions: [{ type: i0.ViewChildren, args: ['overlayOption', { isSignal: true }] }], onViewportResize: [{
30316
30436
  type: HostListener,
30317
30437
  args: ['window:resize']
@@ -30571,6 +30691,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
30571
30691
  this.updateOverlayValue(this.isAllSelected() ? [] : enabled.map((option) => option.value));
30572
30692
  }
30573
30693
  panelId() { return `${this.componentId()}-options`; }
30694
+ overlayId() { return `${this.componentId()}-popup`; }
30574
30695
  overlayPanelWidth() { return 'min(440px, calc(100vw - 24px))'; }
30575
30696
  showPanelActions() {
30576
30697
  return this.usesExplicitApplyMode();
@@ -30809,6 +30930,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
30809
30930
  <pdx-collection-overlay
30810
30931
  [(open)]="overlayOpen"
30811
30932
  [ariaLabel]="panelActionsAriaLabel()"
30933
+ [panelId]="overlayId()"
30812
30934
  panelClass="pdx-inline-multiselect-panel"
30813
30935
  [panelWidth]="overlayPanelWidth()"
30814
30936
  [style.--pdx-inline-multiselect-min-w.px]="inlineMinWidthPx || null"
@@ -30823,9 +30945,9 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
30823
30945
  class="pdx-inline-multiselect-trigger pdx-chip-trigger"
30824
30946
  [class.is-active]="hasSelection()"
30825
30947
  role="combobox"
30826
- aria-haspopup="listbox"
30948
+ aria-haspopup="dialog"
30827
30949
  [attr.aria-expanded]="overlayOpen()"
30828
- [attr.aria-controls]="overlayOpen() ? panelId() : null"
30950
+ [attr.aria-controls]="overlayOpen() ? overlayId() : null"
30829
30951
  [attr.aria-label]="ariaLabel()"
30830
30952
  [disabled]="isInteractionDisabled()"
30831
30953
  [matTooltip]="inlineTooltipText()"
@@ -30968,7 +31090,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
30968
31090
  <span class="pdx-chip-clear-icon" aria-hidden="true"></span>
30969
31091
  </button>
30970
31092
  }
30971
- `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-multiselect-trigger{appearance:none;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-trigger:focus-visible,.pdx-inline-multiselect-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-multiselect-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-multiselect-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-multiselect-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;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 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove-icon{width:14px;height:14px;color:inherit;position:relative}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after{width:10px;height:1.5px}.pdx-chip-token-remove-icon:before,.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{display:block;width:16px;height:16px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{width:12px;height:1.7px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-multiselect-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent) transparent;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-track{background:transparent}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent)}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 58%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading.mdc-list-item--disabled{color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest));display:flex!important;align-items:center!important;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-checkbox{margin-right:12px;color:var(--md-sys-color-primary);font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions{position:sticky;bottom:0;z-index:1;display:flex!important;align-items:center!important;gap:8px;min-height:56px;padding:10px 12px!important;border-top:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-surface-container-high))!important;cursor:default}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions .mdc-list-item__primary-text{display:contents}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action{min-height:36px;min-width:0;border:1px solid transparent;border-radius:999px;padding:0 14px;font:inherit;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=text]{background:transparent;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=outlined]{border-color:var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-color-role=danger]{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action--apply{margin-left:auto}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { 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"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "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"] }] });
31093
+ `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-multiselect-trigger{appearance:none;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-trigger:focus-visible,.pdx-inline-multiselect-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-multiselect-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-multiselect-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-multiselect-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;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 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove-icon{width:14px;height:14px;color:inherit;position:relative}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after{width:10px;height:1.5px}.pdx-chip-token-remove-icon:before,.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{display:block;width:16px;height:16px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{width:12px;height:1.7px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading.mdc-list-item--disabled{color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest));display:flex!important;align-items:center!important;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-checkbox{margin-right:12px;color:var(--md-sys-color-primary);font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions{position:sticky;bottom:0;z-index:1;display:flex!important;align-items:center!important;gap:8px;min-height:56px;padding:10px 12px!important;border-top:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-surface-container-high))!important;cursor:default}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions .mdc-list-item__primary-text{display:contents}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action{min-height:36px;min-width:0;border:1px solid transparent;border-radius:999px;padding:0 14px;font:inherit;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=text]{background:transparent;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=outlined]{border-color:var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-color-role=danger]{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action--apply{margin-left:auto}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { 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"] }, { 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"] }] });
30972
31094
  }
30973
31095
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineMultiSelectComponent, decorators: [{
30974
31096
  type: Component,
@@ -30987,6 +31109,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30987
31109
  <pdx-collection-overlay
30988
31110
  [(open)]="overlayOpen"
30989
31111
  [ariaLabel]="panelActionsAriaLabel()"
31112
+ [panelId]="overlayId()"
30990
31113
  panelClass="pdx-inline-multiselect-panel"
30991
31114
  [panelWidth]="overlayPanelWidth()"
30992
31115
  [style.--pdx-inline-multiselect-min-w.px]="inlineMinWidthPx || null"
@@ -31001,9 +31124,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
31001
31124
  class="pdx-inline-multiselect-trigger pdx-chip-trigger"
31002
31125
  [class.is-active]="hasSelection()"
31003
31126
  role="combobox"
31004
- aria-haspopup="listbox"
31127
+ aria-haspopup="dialog"
31005
31128
  [attr.aria-expanded]="overlayOpen()"
31006
- [attr.aria-controls]="overlayOpen() ? panelId() : null"
31129
+ [attr.aria-controls]="overlayOpen() ? overlayId() : null"
31007
31130
  [attr.aria-label]="ariaLabel()"
31008
31131
  [disabled]="isInteractionDisabled()"
31009
31132
  [matTooltip]="inlineTooltipText()"
@@ -31163,7 +31286,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
31163
31286
  '[attr.data-field-type]': '"inlineMultiSelect"',
31164
31287
  '[attr.data-field-name]': 'metadata()?.name',
31165
31288
  '[attr.data-component-id]': 'componentId()',
31166
- }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-multiselect-trigger{appearance:none;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-trigger:focus-visible,.pdx-inline-multiselect-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-multiselect-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-multiselect-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-multiselect-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;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 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove-icon{width:14px;height:14px;color:inherit;position:relative}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after{width:10px;height:1.5px}.pdx-chip-token-remove-icon:before,.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{display:block;width:16px;height:16px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{width:12px;height:1.7px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-multiselect-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent) transparent;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-track{background:transparent}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent)}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 58%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading.mdc-list-item--disabled{color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest));display:flex!important;align-items:center!important;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-checkbox{margin-right:12px;color:var(--md-sys-color-primary);font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions{position:sticky;bottom:0;z-index:1;display:flex!important;align-items:center!important;gap:8px;min-height:56px;padding:10px 12px!important;border-top:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-surface-container-high))!important;cursor:default}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions .mdc-list-item__primary-text{display:contents}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action{min-height:36px;min-width:0;border:1px solid transparent;border-radius:999px;padding:0 14px;font:inherit;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=text]{background:transparent;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=outlined]{border-color:var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-color-role=danger]{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action--apply{margin-left:auto}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}}\n"] }]
31289
+ }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;position:relative;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-multiselect-trigger{appearance:none;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-trigger:focus-visible,.pdx-inline-multiselect-option:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-inline-multiselect-options{display:flex;flex-direction:column;padding-block:6px}.pdx-inline-multiselect-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-inline-multiselect-option:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-inline-multiselect-clear{position:absolute;inset-block-start:50%;inset-inline-end:8px;z-index:1;transform:translateY(-50%)}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;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 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove-icon{width:14px;height:14px;color:inherit;position:relative}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{content:\"\";position:absolute;top:50%;left:50%;border-radius:999px;background:currentColor;transform-origin:center}.pdx-chip-token-remove-icon:before,.pdx-chip-token-remove-icon:after{width:10px;height:1.5px}.pdx-chip-token-remove-icon:before,.pdx-chip-clear-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.pdx-chip-token-remove-icon:after,.pdx-chip-clear-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear-icon{display:block;width:16px;height:16px;margin:0;color:inherit;position:relative}.pdx-chip-clear-icon:before,.pdx-chip-clear-icon:after{width:12px;height:1.7px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:var(--pdx-inline-control-padding-x, 14px);cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading.mdc-list-item--disabled{color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest));display:flex!important;align-items:center!important;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-checkbox{margin-right:12px;color:var(--md-sys-color-primary);font-size:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions{position:sticky;bottom:0;z-index:1;display:flex!important;align-items:center!important;gap:8px;min-height:56px;padding:10px 12px!important;border-top:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 82%,var(--md-sys-color-surface-container-high))!important;cursor:default}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-actions .mdc-list-item__primary-text{display:contents}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action{min-height:36px;min-width:0;border:1px solid transparent;border-radius:999px;padding:0 14px;font:inherit;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=text]{background:transparent;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=outlined]{border-color:var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=primary]{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=neutral]{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-color-role=danger]{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action[data-appearance=filled][data-color-role=danger]{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}::ng-deep .pdx-inline-multiselect-panel .pdx-inline-multiselect-action--apply{margin-left:auto}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}}\n"] }]
31167
31290
  }], propDecorators: { readonlyMode: [{
31168
31291
  type: Input
31169
31292
  }], disabledMode: [{
@@ -45512,7 +45635,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
45512
45635
  </div>
45513
45636
  </mat-menu>
45514
45637
  </div>
45515
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0;border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px))}.pdx-chip-main{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 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;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.has-clear .pdx-chip-main{padding-right:42px}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-main{border-color:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary));background:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary));color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{flex:0 0 20px;width:20px;height:20px;font-size:20px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto;min-width:8px}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;flex:0 0 18px;width:18px;height:18px;font-size:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;z-index:1;width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color: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}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary));background:color-mix(in srgb,var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary)) 22%,transparent);color:var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary))}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:var(--praxis-layer-sticky-local, 100);display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.48;cursor:not-allowed}.pdx-tree-node.pdx-node-selection-disabled{color:var(--md-sys-color-on-surface);font-weight:600}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}.pdx-chip-trigger.has-clear .pdx-chip-main{padding-right:38px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { 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: "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: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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: MatTreeModule }, { kind: "directive", type: i1$4.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "component", type: i1$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$4.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }] });
45638
+ `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0;border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 999px))}.pdx-chip-main{min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));border-radius:var(--pdx-inline-chip-radius, var(--md-sys-shape-corner-full, 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;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.has-clear .pdx-chip-main{padding-right:42px}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-main{border-color:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary));background:var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary));color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{flex:0 0 20px;width:20px;height:20px;font-size:20px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto;min-width:8px}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;flex:0 0 18px;width:18px;height:18px;font-size:18px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;z-index:1;width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color: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}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary));background:color-mix(in srgb,var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary)) 22%,transparent);color:var(--pdx-inline-chip-active-clear-color, var(--md-sys-color-on-primary))}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:var(--praxis-layer-sticky-local, 100);display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.48;cursor:not-allowed}.pdx-tree-node.pdx-node-selection-disabled{color:var(--md-sys-color-on-surface);font-weight:600}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px}.pdx-chip-trigger.has-clear .pdx-chip-main{padding-right:38px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { 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: "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: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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: MatTreeModule }, { kind: "directive", type: i1$5.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$5.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "component", type: i1$5.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$5.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }] });
45516
45639
  }
45517
45640
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTreeSelectComponent, decorators: [{
45518
45641
  type: Component,
@@ -55455,7 +55578,7 @@ class MaterialMultiSelectTreeComponent extends SimpleBaseInputComponent {
55455
55578
  <div class="pdx-hint">{{ metadata()!.hint }}</div>
55456
55579
  }
55457
55580
  </div>
55458
- `, isInline: true, styles: [".pdx-tree-children{margin-left:24px}.pdx-tree-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pdx-tree-spacer{flex:1 1 auto}.pdx-tree-loading{margin-right:4px}.pdx-tree-hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$4.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$4.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { 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: 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: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
55581
+ `, isInline: true, styles: [".pdx-tree-children{margin-left:24px}.pdx-tree-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pdx-tree-spacer{flex:1 1 auto}.pdx-tree-loading{margin-right:4px}.pdx-tree-hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$5.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$5.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1$5.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1$5.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$5.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i1$5.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { 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: 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: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
55459
55582
  }
55460
55583
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialMultiSelectTreeComponent, decorators: [{
55461
55584
  type: Component,
@@ -55934,7 +56057,7 @@ class MaterialTreeSelectComponent extends SimpleBaseSelectComponent {
55934
56057
  <div class="pdx-hint">{{ metadata()!.hint }}</div>
55935
56058
  }
55936
56059
  </div>
55937
- `, isInline: true, styles: [".pdx-tree-children{margin-left:24px}.pdx-tree-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pdx-tree-spacer{flex:1 1 auto}.pdx-tree-loading{margin-right:4px}.pdx-tree-hidden{display:none}.pdx-tree-node{display:flex;align-items:center}.pdx-tree-node-label{cursor:pointer}.pdx-node-disabled{pointer-events:none;opacity:.5}.pdx-selected .pdx-tree-node-label{font-weight:600}.pdx-tree-search{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$4.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$4.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i1$4.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { 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: 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: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { 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: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
56060
+ `, isInline: true, styles: [".pdx-tree-children{margin-left:24px}.pdx-tree-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pdx-tree-spacer{flex:1 1 auto}.pdx-tree-loading{margin-right:4px}.pdx-tree-hidden{display:none}.pdx-tree-node{display:flex;align-items:center}.pdx-tree-node-label{cursor:pointer}.pdx-node-disabled{pointer-events:none;opacity:.5}.pdx-selected .pdx-tree-node-label{font-weight:600}.pdx-tree-search{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$5.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$5.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1$5.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1$5.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$5.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i1$5.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { 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: 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: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { 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: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
55938
56061
  }
55939
56062
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialTreeSelectComponent, decorators: [{
55940
56063
  type: Component,
@@ -58074,7 +58197,7 @@ class PreloadStatusComponent {
58074
58197
  </button>
58075
58198
  </mat-card-actions>
58076
58199
  </mat-card>
58077
- `, isInline: true, styles: [".preload-status-card{max-width:600px;margin:16px}.progress-section{margin-bottom:16px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.component-count{color:var(--md-sys-color-on-surface-variant)}.status-info{margin:16px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.stat-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface-variant))}.stat-item.success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.stat-item.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.stat-item.info{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.stat-label{font-size:12px;margin:4px 0}.stat-value{font-size:18px;font-weight:500}.errors-section{margin-top:16px;padding:16px;background:var(--md-sys-color-error-container);border-radius:8px;border-left:4px solid var(--md-sys-color-error)}.errors-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--md-sys-color-on-error-container)}.error-list{font-size:13px}.error-item{margin:4px 0;padding:4px 8px;background:var(--md-sys-color-error-container);border-radius:4px}mat-card-actions{display:flex;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$5.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1$5.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1$5.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1$5.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i1$5.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { 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: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i3$2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
58200
+ `, isInline: true, styles: [".preload-status-card{max-width:600px;margin:16px}.progress-section{margin-bottom:16px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.component-count{color:var(--md-sys-color-on-surface-variant)}.status-info{margin:16px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.stat-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface-variant))}.stat-item.success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.stat-item.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.stat-item.info{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.stat-label{font-size:12px;margin:4px 0}.stat-value{font-size:18px;font-weight:500}.errors-section{margin-top:16px;padding:16px;background:var(--md-sys-color-error-container);border-radius:8px;border-left:4px solid var(--md-sys-color-error)}.errors-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--md-sys-color-on-error-container)}.error-list{font-size:13px}.error-item{margin:4px 0;padding:4px 8px;background:var(--md-sys-color-error-container);border-radius:4px}mat-card-actions{display:flex;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1$6.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1$6.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1$6.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i1$6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$7.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { 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: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i3$2.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
58078
58201
  }
58079
58202
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PreloadStatusComponent, decorators: [{
58080
58203
  type: Component,
@@ -60569,7 +60692,7 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
60569
60692
  }
60570
60693
  catch { }
60571
60694
  }
60572
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxColorPickerComponent, deps: [{ token: i1$6.MatBottomSheet }], target: i0.ɵɵFactoryTarget.Component });
60695
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxColorPickerComponent, deps: [{ token: i1$7.MatBottomSheet }], target: i0.ɵɵFactoryTarget.Component });
60573
60696
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PdxColorPickerComponent, isStandalone: true, selector: "pdx-color-picker", inputs: { actionsLayout: "actionsLayout", activeView: "activeView", adaptiveMode: "adaptiveMode", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", clearButton: "clearButton", disabledMode: "disabledMode", readonlyMode: "readonlyMode", visible: "visible", presentationMode: "presentationMode", fillMode: "fillMode", format: "format", gradientSettings: "gradientSettings", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", paletteSettings: "paletteSettings", popupSettings: "popupSettings", preview: "preview", rounded: "rounded", size: "size", tabindex: "tabindex", views: "views", maxRecent: "maxRecent", showRecent: "showRecent" }, outputs: { valueChange: "valueChange", open: "open", close: "close", cancel: "cancel", activeViewChange: "activeViewChange", activeColorClick: "activeColorClick", focusEvent: "focusEvent", blurEvent: "blurEvent" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"colorPicker\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
60574
60697
  {
60575
60698
  provide: NG_VALUE_ACCESSOR,
@@ -60976,7 +61099,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
60976
61099
  '[attr.data-field-name]': 'metadata()?.name',
60977
61100
  '[attr.data-component-id]': 'componentId()',
60978
61101
  }, styles: [".pdx-color-preview{width:24px;height:24px;border-radius:4px;border:1px solid var(--md-sys-color-outline-variant);display:inline-block;margin-right:8px}.pdx-color-panel{padding:8px;max-width:100%;box-sizing:border-box}.pdx-panel-header{padding:4px 0 8px}.pdx-preview-box{display:flex;align-items:center;gap:8px}.pdx-preview-spacer{flex:1 1 auto}.pdx-section-title{font-size:12px;opacity:.8;margin-top:4px}.pdx-preview-swatch{width:24px;height:24px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.pdx-gradient-view{display:flex;flex-direction:column;gap:8px;padding:8px 0}.pdx-opacity-row{display:flex;align-items:center;gap:8px}.pdx-recent{padding:4px 0}.pdx-custom-color{display:flex;align-items:center;gap:8px;padding:8px 0}.pdx-palette-view{display:grid;grid-template-columns:repeat(var(--pdx-cols, 8),24px);gap:8px;padding:8px 0}.pdx-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--md-sys-color-outline-variant);cursor:pointer}.pdx-swatch.selected{border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pdx-actions{display:flex;align-items:center;gap:8px;padding-top:8px}.pdx-actions.align-end{justify-content:flex-end}.pdx-actions-spacer{flex:1 1 auto}\n"] }]
60979
- }], ctorParameters: () => [{ type: i1$6.MatBottomSheet }], propDecorators: { actionsLayout: [{
61102
+ }], ctorParameters: () => [{ type: i1$7.MatBottomSheet }], propDecorators: { actionsLayout: [{
60980
61103
  type: Input
60981
61104
  }], activeView: [{
60982
61105
  type: Input
@@ -62114,7 +62237,7 @@ class MaterialTransferListComponent extends SimpleBaseSelectComponent {
62114
62237
  @if (metadata()?.hint) {
62115
62238
  <div class="pdx-transfer-hint">{{ metadata()!.hint }}</div>
62116
62239
  }
62117
- `, isInline: true, styles: [":host{display:block;width:100%}.pdx-transfer-list{width:100%;min-height:56px;padding:4px 0}.pdx-transfer-column{width:100%}.pdx-transfer-column-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;min-height:24px}.pdx-transfer-column-title{min-width:0;overflow:hidden;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87));font-size:13px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.pdx-transfer-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--md-sys-color-secondary-container, rgba(103, 80, 164, .12));color:var(--md-sys-color-on-secondary-container, rgba(33, 0, 93, .87));font-size:12px;font-weight:600;line-height:1}.pdx-transfer-column mat-form-field{width:100%}.pdx-transfer-listbox{position:relative;min-height:96px;border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:12px;overflow:hidden}.pdx-transfer-column mat-selection-list{min-height:96px}.pdx-transfer-actions{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:0 8px}.pdx-transfer-empty{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;padding:12px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:13px;line-height:1.35;pointer-events:none;text-align:center}.pdx-transfer-hint{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}@media(min-width:640px){.pdx-transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}}@media(max-width:639.98px){.pdx-transfer-actions{flex-direction:row;padding:8px 0 12px}.pdx-transfer-action--to-right mat-icon,.pdx-transfer-action--all-to-right mat-icon{transform:rotate(90deg)}.pdx-transfer-action--to-left mat-icon,.pdx-transfer-action--all-to-left mat-icon{transform:rotate(90deg)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i1$7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { 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: "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: 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: MatListModule }, { kind: "component", type: i2$6.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2$6.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
62240
+ `, isInline: true, styles: [":host{display:block;width:100%}.pdx-transfer-list{width:100%;min-height:56px;padding:4px 0}.pdx-transfer-column{width:100%}.pdx-transfer-column-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;min-height:24px}.pdx-transfer-column-title{min-width:0;overflow:hidden;color:var(--md-sys-color-on-surface, rgba(0, 0, 0, .87));font-size:13px;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.pdx-transfer-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--md-sys-color-secondary-container, rgba(103, 80, 164, .12));color:var(--md-sys-color-on-secondary-container, rgba(33, 0, 93, .87));font-size:12px;font-weight:600;line-height:1}.pdx-transfer-column mat-form-field{width:100%}.pdx-transfer-listbox{position:relative;min-height:96px;border:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:12px;overflow:hidden}.pdx-transfer-column mat-selection-list{min-height:96px}.pdx-transfer-actions{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:0 8px}.pdx-transfer-empty{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;padding:12px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:13px;line-height:1.35;pointer-events:none;text-align:center}.pdx-transfer-hint{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}@media(min-width:640px){.pdx-transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}}@media(max-width:639.98px){.pdx-transfer-actions{flex-direction:row;padding:8px 0 12px}.pdx-transfer-action--to-right mat-icon,.pdx-transfer-action--all-to-right mat-icon{transform:rotate(90deg)}.pdx-transfer-action--to-left mat-icon,.pdx-transfer-action--all-to-left mat-icon{transform:rotate(90deg)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i1$8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { 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: "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: 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: MatListModule }, { kind: "component", type: i2$6.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2$6.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
62118
62241
  }
62119
62242
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialTransferListComponent, decorators: [{
62120
62243
  type: Component,