@praxisui/dynamic-fields 9.0.4 → 9.0.5-rc.10

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 +10 -6
  4. package/docs/dynamic-fields-inline-components-guide.md +3 -3
  5. package/fesm2022/praxisui-dynamic-fields.mjs +112 -67
  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 +12 -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
 
@@ -12728,7 +12729,7 @@ class SelectPanelActionsComponent {
12728
12729
  (click)="requestLoadMore($event)"
12729
12730
  >
12730
12731
  @if (loading) {
12731
- <mat-progress-spinner diameter="16" mode="indeterminate" />
12732
+ <mat-progress-spinner diameter="16" mode="indeterminate" aria-hidden="true" />
12732
12733
  <span>{{ loadingLabel }}</span>
12733
12734
  } @else {
12734
12735
  <mat-icon aria-hidden="true">expand_more</mat-icon>
@@ -12782,7 +12783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12782
12783
  (click)="requestLoadMore($event)"
12783
12784
  >
12784
12785
  @if (loading) {
12785
- <mat-progress-spinner diameter="16" mode="indeterminate" />
12786
+ <mat-progress-spinner diameter="16" mode="indeterminate" aria-hidden="true" />
12786
12787
  <span>{{ loadingLabel }}</span>
12787
12788
  } @else {
12788
12789
  <mat-icon aria-hidden="true">expand_more</mat-icon>
@@ -12844,14 +12845,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12844
12845
  selector: '[pdxCollectionOverlayTrigger]',
12845
12846
  }]
12846
12847
  }] });
12848
+ let nextCollectionOverlayId = 0;
12847
12849
  class PdxCollectionOverlayComponent {
12848
12850
  open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
12849
12851
  ariaLabel = input.required(...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
12852
+ /** Optional explicit dialog id. A unique id is generated for direct legacy consumers. */
12853
+ panelId = input(null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
12850
12854
  panelClass = input('', ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
12851
12855
  panelWidth = input(null, ...(ngDevMode ? [{ debugName: "panelWidth" }] : /* istanbul ignore next */ []));
12852
12856
  density = input('regular', ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
12853
12857
  opened = output();
12854
12858
  closed = output();
12859
+ fallbackPanelId = `pdx-collection-overlay-${++nextCollectionOverlayId}`;
12855
12860
  trigger = contentChild.required(PdxCollectionOverlayTriggerDirective);
12856
12861
  positions = [
12857
12862
  {
@@ -12872,6 +12877,12 @@ class PdxCollectionOverlayComponent {
12872
12877
  resolvedPanelWidth() {
12873
12878
  return this.panelWidth() ?? this.trigger().elementRef.nativeElement.getBoundingClientRect().width;
12874
12879
  }
12880
+ resolvedPanelClasses() {
12881
+ return ['pdx-collection-overlay-pane', this.panelClass()].filter(Boolean);
12882
+ }
12883
+ resolvedPanelId() {
12884
+ return this.panelId()?.trim() || this.fallbackPanelId;
12885
+ }
12875
12886
  close(reason, restoreFocus = true) {
12876
12887
  if (!this.open())
12877
12888
  return;
@@ -12889,7 +12900,7 @@ class PdxCollectionOverlayComponent {
12889
12900
  this.close('escape');
12890
12901
  }
12891
12902
  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: `
12903
+ 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
12904
  <span #overlayOrigin="cdkOverlayOrigin" cdkOverlayOrigin class="pdx-collection-overlay__origin">
12894
12905
  <ng-content select="[pdxCollectionOverlayTrigger]" />
12895
12906
  </span>
@@ -12900,7 +12911,7 @@ class PdxCollectionOverlayComponent {
12900
12911
  [cdkConnectedOverlayOrigin]="overlayOrigin"
12901
12912
  [cdkConnectedOverlayPositions]="positions"
12902
12913
  [cdkConnectedOverlayWidth]="resolvedPanelWidth()"
12903
- [cdkConnectedOverlayPanelClass]="panelClass()"
12914
+ [cdkConnectedOverlayPanelClass]="resolvedPanelClasses()"
12904
12915
  [cdkConnectedOverlayPush]="true"
12905
12916
  [cdkConnectedOverlayViewportMargin]="8"
12906
12917
  [cdkConnectedOverlayHasBackdrop]="true"
@@ -12913,7 +12924,11 @@ class PdxCollectionOverlayComponent {
12913
12924
  <section
12914
12925
  class="pdx-collection-overlay"
12915
12926
  [class.pdx-collection-overlay--compact]="density() === 'compact'"
12927
+ [id]="resolvedPanelId()"
12928
+ role="dialog"
12929
+ aria-modal="false"
12916
12930
  [attr.aria-label]="ariaLabel()"
12931
+ cdkTrapFocus
12917
12932
  >
12918
12933
  <div class="pdx-collection-overlay__header">
12919
12934
  <ng-content select="[pdxCollectionOverlayHeader]" />
@@ -12926,11 +12941,11 @@ class PdxCollectionOverlayComponent {
12926
12941
  </div>
12927
12942
  </section>
12928
12943
  </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 });
12944
+ `, isInline: true, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
12930
12945
  }
12931
12946
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PdxCollectionOverlayComponent, decorators: [{
12932
12947
  type: Component,
12933
- args: [{ selector: 'pdx-collection-overlay', imports: [OverlayModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
12948
+ args: [{ selector: 'pdx-collection-overlay', imports: [A11yModule, OverlayModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
12934
12949
  <span #overlayOrigin="cdkOverlayOrigin" cdkOverlayOrigin class="pdx-collection-overlay__origin">
12935
12950
  <ng-content select="[pdxCollectionOverlayTrigger]" />
12936
12951
  </span>
@@ -12941,7 +12956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12941
12956
  [cdkConnectedOverlayOrigin]="overlayOrigin"
12942
12957
  [cdkConnectedOverlayPositions]="positions"
12943
12958
  [cdkConnectedOverlayWidth]="resolvedPanelWidth()"
12944
- [cdkConnectedOverlayPanelClass]="panelClass()"
12959
+ [cdkConnectedOverlayPanelClass]="resolvedPanelClasses()"
12945
12960
  [cdkConnectedOverlayPush]="true"
12946
12961
  [cdkConnectedOverlayViewportMargin]="8"
12947
12962
  [cdkConnectedOverlayHasBackdrop]="true"
@@ -12954,7 +12969,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12954
12969
  <section
12955
12970
  class="pdx-collection-overlay"
12956
12971
  [class.pdx-collection-overlay--compact]="density() === 'compact'"
12972
+ [id]="resolvedPanelId()"
12973
+ role="dialog"
12974
+ aria-modal="false"
12957
12975
  [attr.aria-label]="ariaLabel()"
12976
+ cdkTrapFocus
12958
12977
  >
12959
12978
  <div class="pdx-collection-overlay__header">
12960
12979
  <ng-content select="[pdxCollectionOverlayHeader]" />
@@ -12967,8 +12986,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
12967
12986
  </div>
12968
12987
  </section>
12969
12988
  </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 }] }] } });
12989
+ `, styles: [":host,.pdx-collection-overlay__origin{display:inline-block;width:100%;min-width:0}.pdx-collection-overlay{display:flex;width:100%;min-width:min(18rem,calc(100vw - 16px));max-width:min(36rem,calc(100vw - 16px));max-height:min(28rem,calc(100vh - 16px));flex-direction:column;overflow:hidden;border:1px solid var( --pdx-inline-panel-outline, var( --praxis-theme-outline, var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant, rgb(148 163 184 / .44))) ) );border-radius:var(--pdx-inline-panel-radius, 12px);background:var( --pdx-inline-panel-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest, var(--mat-sys-surface-container-highest, #fff)) ) );color:var( --pdx-inline-panel-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface, var(--mat-sys-on-surface, #1f2937))) );box-shadow:var(--praxis-theme-elevation, 0 8px 24px rgb(0 0 0 / .12));box-sizing:border-box}.pdx-collection-overlay__header,.pdx-collection-overlay__footer{flex:0 0 auto}.pdx-collection-overlay__header:empty,.pdx-collection-overlay__footer:empty{display:none}.pdx-collection-overlay__options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:auto}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-collection-overlay-pane),::ng-deep .cdk-overlay-pane.pdx-collection-overlay-pane{z-index:var(--praxis-layer-popup, 1400)!important}@media(max-width:600px){.pdx-collection-overlay{max-height:var( --praxis-collection-overlay-narrow-max-height, min(22rem, calc(100vh - 16px) ) )}}@media(forced-colors:active){.pdx-collection-overlay{border-color:CanvasText;box-shadow:none}}\n"] }]
12990
+ }], 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
12991
 
12973
12992
  class PdxCollectionSearchComponent {
12974
12993
  value = input('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -13320,6 +13339,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13320
13339
  }
13321
13340
  materialLabelId() { return `${this.componentId()}-label`; }
13322
13341
  materialPanelId() { return `${this.componentId()}-options`; }
13342
+ materialOverlayId() { return `${this.componentId()}-popup`; }
13323
13343
  materialOverlayPanelWidth() { return 'min(420px, calc(100vw - 24px))'; }
13324
13344
  usesSearchCombobox() {
13325
13345
  return this.searchable() && !this.multiple();
@@ -14096,6 +14116,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14096
14116
  <pdx-collection-overlay
14097
14117
  [(open)]="materialPanelOpen"
14098
14118
  [ariaLabel]="selectPanelActionsAriaLabel()"
14119
+ [panelId]="materialOverlayId()"
14099
14120
  panelClass="pdx-material-async-select-panel"
14100
14121
  [panelWidth]="materialOverlayPanelWidth()"
14101
14122
  (opened)="onMaterialOverlayOpened()"
@@ -14107,10 +14128,10 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14107
14128
  type="button"
14108
14129
  class="pdx-material-collection-trigger"
14109
14130
  role="combobox"
14110
- aria-haspopup="listbox"
14131
+ aria-haspopup="dialog"
14111
14132
  [attr.aria-labelledby]="materialLabelId()"
14112
14133
  [attr.aria-expanded]="materialPanelOpen()"
14113
- [attr.aria-controls]="materialPanelOpen() ? materialPanelId() : null"
14134
+ [attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
14114
14135
  [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
14115
14136
  [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
14116
14137
  [disabled]="isInteractionDisabled()"
@@ -14185,7 +14206,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
14185
14206
  @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
14186
14207
  </div>
14187
14208
  }
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 });
14209
+ `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-suffix{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;white-space:nowrap}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
14189
14210
  }
14190
14211
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAsyncSelectComponent, decorators: [{
14191
14212
  type: Component,
@@ -14336,6 +14357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14336
14357
  <pdx-collection-overlay
14337
14358
  [(open)]="materialPanelOpen"
14338
14359
  [ariaLabel]="selectPanelActionsAriaLabel()"
14360
+ [panelId]="materialOverlayId()"
14339
14361
  panelClass="pdx-material-async-select-panel"
14340
14362
  [panelWidth]="materialOverlayPanelWidth()"
14341
14363
  (opened)="onMaterialOverlayOpened()"
@@ -14347,10 +14369,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
14347
14369
  type="button"
14348
14370
  class="pdx-material-collection-trigger"
14349
14371
  role="combobox"
14350
- aria-haspopup="listbox"
14372
+ aria-haspopup="dialog"
14351
14373
  [attr.aria-labelledby]="materialLabelId()"
14352
14374
  [attr.aria-expanded]="materialPanelOpen()"
14353
- [attr.aria-controls]="materialPanelOpen() ? materialPanelId() : null"
14375
+ [attr.aria-controls]="materialPanelOpen() ? materialOverlayId() : null"
14354
14376
  [attr.aria-disabled]="isInteractionDisabled() ? 'true' : null"
14355
14377
  [attr.aria-readonly]="isReadonlyEffective() || presentationMode ? 'true' : null"
14356
14378
  [disabled]="isInteractionDisabled()"
@@ -18788,7 +18810,7 @@ class EntityLookupDialogComponent {
18788
18810
  {{ applyText() }}
18789
18811
  </button>
18790
18812
  </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"] }] });
18813
+ `, isInline: true, styles: [".pdx-lookup-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:12px}.pdx-lookup-dialog-titlebar h2{min-width:0;margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-state.is-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 32%,transparent);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-error) 7%,var(--md-sys-color-surface));color:var(--md-sys-color-on-surface)}.pdx-lookup-dialog-state.is-error>mat-icon{color:var(--md-sys-color-error)}.pdx-lookup-dialog-state-copy{display:grid;gap:4px;min-width:0}.pdx-lookup-dialog-state-copy>span{color:var(--md-sys-color-on-surface-variant);line-height:1.4}.pdx-lookup-dialog-toolbar{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;align-items:start}.pdx-lookup-dialog-intro{display:grid;gap:4px;margin:0 0 12px}.pdx-lookup-dialog-intro strong{color:var(--md-sys-color-on-surface);font-size:.96rem;line-height:1.3}.pdx-lookup-dialog-intro span{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.35}.pdx-lookup-dialog-search{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-sort{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{width:100%;min-width:0;min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-panel{display:flex;flex-direction:column;gap:12px;padding:12px;margin:8px 0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest)}.pdx-lookup-dialog-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pdx-lookup-dialog-filter-field{display:flex;flex-direction:column;gap:6px;color:var(--md-sys-color-on-surface);font-size:.9rem}.pdx-lookup-dialog-filter-field input,.pdx-lookup-dialog-filter-field select{min-height:40px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-lookup-dialog-filter-field select.is-multiple{min-height:96px;padding:8px 10px}.pdx-lookup-dialog-filter-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.pdx-lookup-dialog-filter-field small{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-filter-actions{display:flex;justify-content:flex-end;gap:8px}.pdx-lookup-dialog-summary{margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-summary-warning{color:var(--md-sys-color-error)}.pdx-lookup-dialog-content-grid{display:block}.pdx-lookup-dialog-content-grid.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.pdx-lookup-dialog-results{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.pdx-lookup-dialog-results.is-card-layout{gap:12px}.pdx-lookup-dialog-results.is-compact-layout{gap:6px}.pdx-lookup-dialog-table{display:flex;flex-direction:column;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;overflow:hidden}.pdx-lookup-dialog-table-head,.pdx-lookup-dialog-table-row{display:flex;align-items:stretch}.pdx-lookup-dialog-table-head{background:var(--md-sys-color-surface-container-low);border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-lookup-dialog-table-row{width:100%;text-align:left;border:0;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);cursor:pointer}.pdx-lookup-dialog-table-row:last-child{border-bottom:0}.pdx-lookup-dialog-table-row.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-table-row.is-blocked,.pdx-lookup-dialog-row.is-blocked{background:color-mix(in srgb,var(--md-sys-color-error) 4%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-row.is-legacy,.pdx-lookup-dialog-row.is-legacy{background:color-mix(in srgb,var(--md-sys-color-tertiary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-table-cell{min-width:0;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-dialog-table-cell.is-head{font-size:.78rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-row{display:block;width:100%;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:12px 14px;cursor:pointer}.pdx-lookup-dialog-row.is-selected{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface))}.pdx-lookup-dialog-row.is-disabled{opacity:.65;cursor:not-allowed}.pdx-lookup-dialog-row-main,.pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-row-meta{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-row-main{flex-direction:column;gap:8px}.pdx-lookup-dialog-row-heading strong{font-size:.98rem;line-height:1.3}.pdx-lookup-dialog-row-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;line-height:1.2}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row{padding:8px 10px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-heading,.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-meta{gap:6px}.pdx-lookup-dialog-results.is-compact-layout .pdx-lookup-dialog-row-description{font-size:.85rem}.pdx-lookup-dialog-row-description{color:var(--md-sys-color-on-surface-variant);line-height:1.35}.pdx-lookup-dialog-row-meta{align-items:center}.pdx-lookup-dialog-row-note,.pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3}.pdx-lookup-dialog-row-note.is-warning,.pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}.pdx-lookup-dialog-row-note.is-danger,.pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}.pdx-lookup-dialog-state,.pdx-lookup-dialog-footer-row{display:flex;align-items:center;gap:10px;justify-content:center;padding:16px 0 4px}.pdx-lookup-dialog-runtime-host{display:none}.pdx-lookup-dialog-preview{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.pdx-lookup-dialog-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-lookup-dialog-preview-heading{display:flex;flex-direction:column;gap:4px}.pdx-lookup-dialog-preview-heading small,.pdx-lookup-dialog-preview-description,.pdx-lookup-dialog-preview-grid dt{color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-dialog-preview-badges{display:flex;flex-wrap:wrap;gap:8px}.pdx-lookup-dialog-preview-note{display:grid;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-dialog-preview-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-dialog-preview-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-dialog-preview-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-dialog-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.pdx-lookup-dialog-preview-grid div{min-width:0}.pdx-lookup-dialog-preview-grid dt{font-size:.78rem;margin-bottom:2px}.pdx-lookup-dialog-preview-grid dd{margin:0;overflow-wrap:anywhere}.pdx-lookup-dialog-preview-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:960px){.pdx-lookup-dialog-toolbar{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%}.pdx-lookup-dialog-sort{min-height:0;grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-sort select{width:100%;min-width:0}.pdx-lookup-dialog-content-grid.has-preview{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{position:static}}@media(max-width:640px){.pdx-lookup-dialog-state.is-error{grid-template-columns:auto minmax(0,1fr)}.pdx-lookup-dialog-state.is-error>button{grid-column:1 / -1;width:100%}.pdx-lookup-dialog-intro{margin-bottom:10px}.pdx-lookup-dialog-results{max-height:none;padding-right:0}.pdx-lookup-dialog-row{padding:10px 12px}.pdx-lookup-dialog-results.is-card-layout .pdx-lookup-dialog-row-main{grid-template-columns:minmax(0,1fr)}.pdx-lookup-dialog-preview{padding:12px}.pdx-lookup-dialog-preview-grid{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: InlineEntityLookupComponent, selector: "pdx-inline-entity-lookup", inputs: ["initialMetadata"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }] });
18792
18814
  }
18793
18815
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EntityLookupDialogComponent, decorators: [{
18794
18816
  type: Component,
@@ -20815,6 +20837,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20815
20837
  }
20816
20838
  labelId() { return `${this.componentId()}-label`; }
20817
20839
  panelId() { return `${this.componentId()}-options`; }
20840
+ overlayId() { return `${this.componentId()}-popup`; }
20818
20841
  overlayPanelWidth() { return 'min(420px, calc(100vw - 24px))'; }
20819
20842
  focusOverlayOption(index) {
20820
20843
  queueMicrotask(() => {
@@ -20863,6 +20886,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20863
20886
  <pdx-collection-overlay
20864
20887
  [(open)]="panelOpen"
20865
20888
  [ariaLabel]="label || metadata()?.name || 'Seleção'"
20889
+ [panelId]="overlayId()"
20866
20890
  panelClass="pdx-material-select-panel"
20867
20891
  [panelWidth]="overlayPanelWidth()"
20868
20892
  (opened)="onOverlayOpened()"
@@ -20874,12 +20898,12 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20874
20898
  type="button"
20875
20899
  class="pdx-material-collection-trigger"
20876
20900
  role="combobox"
20877
- aria-haspopup="listbox"
20901
+ aria-haspopup="dialog"
20878
20902
  [attr.aria-labelledby]="labelId()"
20879
20903
  [attr.aria-disabled]="isInteractionDisabled()"
20880
20904
  [attr.aria-required]="metadata()?.required || null"
20881
20905
  [attr.aria-expanded]="panelOpen()"
20882
- [attr.aria-controls]="panelOpen() ? panelId() : null"
20906
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
20883
20907
  [tabIndex]="metadata()?.tabIndex ?? 0"
20884
20908
  [disabled]="isInteractionDisabled()"
20885
20909
  [matTooltip]="tooltipEnabled() ? errorMessage() : null"
@@ -20965,7 +20989,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
20965
20989
  @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
20966
20990
  @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
20967
20991
  </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"] }] });
20992
+ `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
20969
20993
  }
20970
20994
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSelectComponent, decorators: [{
20971
20995
  type: Component,
@@ -20989,6 +21013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
20989
21013
  <pdx-collection-overlay
20990
21014
  [(open)]="panelOpen"
20991
21015
  [ariaLabel]="label || metadata()?.name || 'Seleção'"
21016
+ [panelId]="overlayId()"
20992
21017
  panelClass="pdx-material-select-panel"
20993
21018
  [panelWidth]="overlayPanelWidth()"
20994
21019
  (opened)="onOverlayOpened()"
@@ -21000,12 +21025,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
21000
21025
  type="button"
21001
21026
  class="pdx-material-collection-trigger"
21002
21027
  role="combobox"
21003
- aria-haspopup="listbox"
21028
+ aria-haspopup="dialog"
21004
21029
  [attr.aria-labelledby]="labelId()"
21005
21030
  [attr.aria-disabled]="isInteractionDisabled()"
21006
21031
  [attr.aria-required]="metadata()?.required || null"
21007
21032
  [attr.aria-expanded]="panelOpen()"
21008
- [attr.aria-controls]="panelOpen() ? panelId() : null"
21033
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
21009
21034
  [tabIndex]="metadata()?.tabIndex ?? 0"
21010
21035
  [disabled]="isInteractionDisabled()"
21011
21036
  [matTooltip]="tooltipEnabled() ? errorMessage() : null"
@@ -21107,7 +21132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
21107
21132
  '[attr.data-field-type]': '"select"',
21108
21133
  '[attr.data-field-name]': 'metadata()?.name',
21109
21134
  '[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"] }]
21135
+ }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger:focus-visible,.pdx-material-select-option-button:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-clear,.pdx-field-help-icon{display:inline-grid;position:absolute;inset-inline-end:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}.pdx-field-help-icon{border-radius:999px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"] }]
21111
21136
  }], propDecorators: { readonlyMode: [{
21112
21137
  type: Input
21113
21138
  }], disabledMode: [{
@@ -23468,7 +23493,7 @@ class ConfirmDialogComponent {
23468
23493
  return 'primary';
23469
23494
  }
23470
23495
  }
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 });
23496
+ 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
23497
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: ConfirmDialogComponent, isStandalone: true, selector: "pdx-confirm-dialog", ngImport: i0, template: `
23473
23498
  <div class="pdx-confirm-dialog" [class]="'pdx-confirm-type-' + (data.type || 'info')">
23474
23499
 
@@ -23506,7 +23531,7 @@ class ConfirmDialogComponent {
23506
23531
  </mat-dialog-actions>
23507
23532
 
23508
23533
  </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"] }] });
23534
+ `, 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
23535
  }
23511
23536
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
23512
23537
  type: Component,
@@ -23553,7 +23578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
23553
23578
 
23554
23579
  </div>
23555
23580
  `, 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: [{
23581
+ }], ctorParameters: () => [{ type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
23557
23582
  type: Inject,
23558
23583
  args: [MAT_DIALOG_DATA]
23559
23584
  }] }] });
@@ -27770,6 +27795,9 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
27770
27795
  panelId() {
27771
27796
  return `${this.componentId()}-options`;
27772
27797
  }
27798
+ overlayId() {
27799
+ return `${this.componentId()}-popup`;
27800
+ }
27773
27801
  overlayPanelWidth() {
27774
27802
  return 'min(360px, calc(100vw - 24px))';
27775
27803
  }
@@ -27906,6 +27934,7 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
27906
27934
  <pdx-collection-overlay
27907
27935
  [(open)]="panelOpen"
27908
27936
  [ariaLabel]="ariaLabel()"
27937
+ [panelId]="overlayId()"
27909
27938
  panelClass="pdx-inline-select-panel"
27910
27939
  [panelWidth]="overlayPanelWidth()"
27911
27940
  [style.--pdx-inline-select-min-w.px]="inlineMinWidthPx || null"
@@ -27920,9 +27949,9 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
27920
27949
  class="pdx-inline-select-trigger pdx-chip-trigger"
27921
27950
  [class.is-active]="hasSelection()"
27922
27951
  role="combobox"
27923
- aria-haspopup="listbox"
27952
+ aria-haspopup="dialog"
27924
27953
  [attr.aria-expanded]="panelOpen()"
27925
- [attr.aria-controls]="panelOpen() ? panelId() : null"
27954
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
27926
27955
  [attr.aria-label]="ariaLabel()"
27927
27956
  [disabled]="isInteractionDisabled()"
27928
27957
  [matTooltip]="inlineTooltipText()"
@@ -28031,7 +28060,7 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
28031
28060
  <span class="pdx-chip-clear-icon" aria-hidden="true"></span>
28032
28061
  </button>
28033
28062
  }
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"] }] });
28063
+ `, 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
28064
  }
28036
28065
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSelectComponent, decorators: [{
28037
28066
  type: Component,
@@ -28050,6 +28079,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28050
28079
  <pdx-collection-overlay
28051
28080
  [(open)]="panelOpen"
28052
28081
  [ariaLabel]="ariaLabel()"
28082
+ [panelId]="overlayId()"
28053
28083
  panelClass="pdx-inline-select-panel"
28054
28084
  [panelWidth]="overlayPanelWidth()"
28055
28085
  [style.--pdx-inline-select-min-w.px]="inlineMinWidthPx || null"
@@ -28064,9 +28094,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28064
28094
  class="pdx-inline-select-trigger pdx-chip-trigger"
28065
28095
  [class.is-active]="hasSelection()"
28066
28096
  role="combobox"
28067
- aria-haspopup="listbox"
28097
+ aria-haspopup="dialog"
28068
28098
  [attr.aria-expanded]="panelOpen()"
28069
- [attr.aria-controls]="panelOpen() ? panelId() : null"
28099
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
28070
28100
  [attr.aria-label]="ariaLabel()"
28071
28101
  [disabled]="isInteractionDisabled()"
28072
28102
  [matTooltip]="inlineTooltipText()"
@@ -28192,7 +28222,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28192
28222
  '[attr.data-field-type]': '"inlineSelect"',
28193
28223
  '[attr.data-field-name]': 'metadata()?.name',
28194
28224
  '[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"] }]
28225
+ }, 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
28226
  }], propDecorators: { readonlyMode: [{
28197
28227
  type: Input
28198
28228
  }], disabledMode: [{
@@ -28406,6 +28436,9 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28406
28436
  panelId() {
28407
28437
  return `${this.componentId()}-options`;
28408
28438
  }
28439
+ overlayId() {
28440
+ return `${this.componentId()}-popup`;
28441
+ }
28409
28442
  overlayPanelWidth() {
28410
28443
  return 'min(420px, calc(100vw - 24px))';
28411
28444
  }
@@ -28642,6 +28675,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28642
28675
  <pdx-collection-overlay
28643
28676
  [(open)]="panelOpen"
28644
28677
  [ariaLabel]="selectPanelActionsAriaLabel()"
28678
+ [panelId]="overlayId()"
28645
28679
  panelClass="pdx-material-searchable-select-panel"
28646
28680
  [panelWidth]="overlayPanelWidth()"
28647
28681
  (opened)="onOverlayOpened()"
@@ -28653,12 +28687,12 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28653
28687
  type="button"
28654
28688
  class="pdx-material-collection-trigger"
28655
28689
  role="combobox"
28656
- aria-haspopup="listbox"
28690
+ aria-haspopup="dialog"
28657
28691
  [attr.aria-labelledby]="labelId()"
28658
28692
  [attr.aria-disabled]="searchableSelectAriaDisabled()"
28659
28693
  [attr.aria-readonly]="searchableSelectAriaReadonly()"
28660
28694
  [attr.aria-expanded]="panelOpen()"
28661
- [attr.aria-controls]="panelOpen() ? panelId() : null"
28695
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
28662
28696
  [disabled]="isInteractionDisabled()"
28663
28697
  (click)="toggleOverlay()"
28664
28698
  (keydown)="onTriggerKeydown($event)"
@@ -28765,7 +28799,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
28765
28799
  @if (hasValidationError()) { <p class="pdx-material-collection-field__error">{{ errorMessage() }}</p> }
28766
28800
  @if (hasInlineFieldHelp()) { <p class="pdx-material-collection-field__hint">{{ fieldHelpInlineText() }}</p> }
28767
28801
  </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"] }] });
28802
+ `, isInline: true, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }] });
28769
28803
  }
28770
28804
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSearchableSelectComponent, decorators: [{
28771
28805
  type: Component,
@@ -28790,6 +28824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28790
28824
  <pdx-collection-overlay
28791
28825
  [(open)]="panelOpen"
28792
28826
  [ariaLabel]="selectPanelActionsAriaLabel()"
28827
+ [panelId]="overlayId()"
28793
28828
  panelClass="pdx-material-searchable-select-panel"
28794
28829
  [panelWidth]="overlayPanelWidth()"
28795
28830
  (opened)="onOverlayOpened()"
@@ -28801,12 +28836,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28801
28836
  type="button"
28802
28837
  class="pdx-material-collection-trigger"
28803
28838
  role="combobox"
28804
- aria-haspopup="listbox"
28839
+ aria-haspopup="dialog"
28805
28840
  [attr.aria-labelledby]="labelId()"
28806
28841
  [attr.aria-disabled]="searchableSelectAriaDisabled()"
28807
28842
  [attr.aria-readonly]="searchableSelectAriaReadonly()"
28808
28843
  [attr.aria-expanded]="panelOpen()"
28809
- [attr.aria-controls]="panelOpen() ? panelId() : null"
28844
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
28810
28845
  [disabled]="isInteractionDisabled()"
28811
28846
  (click)="toggleOverlay()"
28812
28847
  (keydown)="onTriggerKeydown($event)"
@@ -28930,7 +28965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28930
28965
  '[attr.data-field-type]': '"searchable-select"',
28931
28966
  '[attr.data-field-name]': 'metadata()?.name',
28932
28967
  '[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"] }]
28968
+ }, styles: [".pdx-material-collection-field{display:grid;gap:4px;width:100%;color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.pdx-material-collection-field>label{padding-inline:4px;color:var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.75rem;line-height:1rem}.pdx-material-collection-field__control{display:flex;position:relative;align-items:center;min-width:0}.pdx-material-collection-field__control pdx-collection-overlay{width:100%}.pdx-material-collection-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 44px 8px 16px;border:1px solid var(--praxis-theme-outline, var(--md-sys-color-outline));border-radius:var(--praxis-field-radius, 4px);background:var(--praxis-theme-surface, transparent);color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-collection-trigger:focus-visible{border-color:var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:1px}.pdx-material-collection-trigger:disabled{cursor:default;opacity:.62}.pdx-material-collection-clear{display:inline-grid;position:absolute;right:8px;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.pdx-material-collection-clear:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary))}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty,.pdx-material-collection-field__error,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}.pdx-material-collection-field__error,.pdx-material-collection-field.is-invalid>label{color:var(--praxis-theme-error, var(--md-sys-color-error))}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}.pdx-field-help-icon{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;background:transparent;border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
28934
28969
  }], propDecorators: { readonlyMode: [{
28935
28970
  type: Input
28936
28971
  }], disabledMode: [{
@@ -29260,6 +29295,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
29260
29295
  class="pdx-inline-overlay-shell"
29261
29296
  [(open)]="panelOpen"
29262
29297
  [ariaLabel]="selectPanelActionsAriaLabel()"
29298
+ [panelId]="overlayId()"
29263
29299
  panelClass="pdx-inline-searchable-select-panel"
29264
29300
  [panelWidth]="overlayPanelWidth()"
29265
29301
  [style.--pdx-inline-searchable-select-min-w.px]="inlineMinWidthPx || null"
@@ -29274,9 +29310,9 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
29274
29310
  class="pdx-inline-searchable-select-trigger pdx-chip-trigger"
29275
29311
  [class.is-active]="hasSelection()"
29276
29312
  role="combobox"
29277
- aria-haspopup="listbox"
29313
+ aria-haspopup="dialog"
29278
29314
  [attr.aria-expanded]="panelOpen()"
29279
- [attr.aria-controls]="panelOpen() ? panelId() : null"
29315
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
29280
29316
  [attr.aria-label]="ariaLabel()"
29281
29317
  [disabled]="isOverlayDisabled()"
29282
29318
  [matTooltip]="inlineTooltipText()"
@@ -29405,7 +29441,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
29405
29441
  <span class="pdx-chip-clear-icon" aria-hidden="true"></span>
29406
29442
  </button>
29407
29443
  }
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"] }] });
29444
+ `, 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
29445
  }
29410
29446
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSearchableSelectComponent, decorators: [{
29411
29447
  type: Component,
@@ -29422,6 +29458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29422
29458
  class="pdx-inline-overlay-shell"
29423
29459
  [(open)]="panelOpen"
29424
29460
  [ariaLabel]="selectPanelActionsAriaLabel()"
29461
+ [panelId]="overlayId()"
29425
29462
  panelClass="pdx-inline-searchable-select-panel"
29426
29463
  [panelWidth]="overlayPanelWidth()"
29427
29464
  [style.--pdx-inline-searchable-select-min-w.px]="inlineMinWidthPx || null"
@@ -29436,9 +29473,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29436
29473
  class="pdx-inline-searchable-select-trigger pdx-chip-trigger"
29437
29474
  [class.is-active]="hasSelection()"
29438
29475
  role="combobox"
29439
- aria-haspopup="listbox"
29476
+ aria-haspopup="dialog"
29440
29477
  [attr.aria-expanded]="panelOpen()"
29441
- [attr.aria-controls]="panelOpen() ? panelId() : null"
29478
+ [attr.aria-controls]="panelOpen() ? overlayId() : null"
29442
29479
  [attr.aria-label]="ariaLabel()"
29443
29480
  [disabled]="isOverlayDisabled()"
29444
29481
  [matTooltip]="inlineTooltipText()"
@@ -29584,7 +29621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
29584
29621
  '[attr.data-field-type]': '"inlineSearchableSelect"',
29585
29622
  '[attr.data-field-name]': 'metadata()?.name',
29586
29623
  '[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"] }]
29624
+ }, 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
29625
  }], propDecorators: { onViewportResize: [{
29589
29626
  type: HostListener,
29590
29627
  args: ['window:resize']
@@ -29794,6 +29831,9 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
29794
29831
  panelId() {
29795
29832
  return `${this.componentId()}-options`;
29796
29833
  }
29834
+ overlayId() {
29835
+ return `${this.componentId()}-popup`;
29836
+ }
29797
29837
  isOverlayDisabled() {
29798
29838
  return this.isInteractionDisabled();
29799
29839
  }
@@ -29989,6 +30029,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
29989
30029
  class="pdx-inline-overlay-shell"
29990
30030
  [(open)]="isPanelOpen"
29991
30031
  [ariaLabel]="selectPanelActionsAriaLabel()"
30032
+ [panelId]="overlayId()"
29992
30033
  panelClass="pdx-inline-async-select-panel"
29993
30034
  [panelWidth]="overlayPanelWidth()"
29994
30035
  [style.--pdx-inline-async-select-min-w.px]="inlineMinWidthPx || null"
@@ -30003,9 +30044,9 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
30003
30044
  class="pdx-inline-async-select-trigger pdx-chip-trigger"
30004
30045
  [class.is-active]="hasSelection()"
30005
30046
  role="combobox"
30006
- aria-haspopup="listbox"
30047
+ aria-haspopup="dialog"
30007
30048
  [attr.aria-expanded]="isPanelOpen()"
30008
- [attr.aria-controls]="isPanelOpen() ? panelId() : null"
30049
+ [attr.aria-controls]="isPanelOpen() ? overlayId() : null"
30009
30050
  [attr.aria-label]="ariaLabel()"
30010
30051
  [disabled]="isOverlayDisabled()"
30011
30052
  [matTooltip]="inlineTooltipText()"
@@ -30133,7 +30174,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
30133
30174
  <mat-icon aria-hidden="true">{{ clearIconName() }}</mat-icon>
30134
30175
  </button>
30135
30176
  }
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"] }] });
30177
+ `, 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
30178
  }
30138
30179
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineAsyncSelectComponent, decorators: [{
30139
30180
  type: Component,
@@ -30150,6 +30191,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30150
30191
  class="pdx-inline-overlay-shell"
30151
30192
  [(open)]="isPanelOpen"
30152
30193
  [ariaLabel]="selectPanelActionsAriaLabel()"
30194
+ [panelId]="overlayId()"
30153
30195
  panelClass="pdx-inline-async-select-panel"
30154
30196
  [panelWidth]="overlayPanelWidth()"
30155
30197
  [style.--pdx-inline-async-select-min-w.px]="inlineMinWidthPx || null"
@@ -30164,9 +30206,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30164
30206
  class="pdx-inline-async-select-trigger pdx-chip-trigger"
30165
30207
  [class.is-active]="hasSelection()"
30166
30208
  role="combobox"
30167
- aria-haspopup="listbox"
30209
+ aria-haspopup="dialog"
30168
30210
  [attr.aria-expanded]="isPanelOpen()"
30169
- [attr.aria-controls]="isPanelOpen() ? panelId() : null"
30211
+ [attr.aria-controls]="isPanelOpen() ? overlayId() : null"
30170
30212
  [attr.aria-label]="ariaLabel()"
30171
30213
  [disabled]="isOverlayDisabled()"
30172
30214
  [matTooltip]="inlineTooltipText()"
@@ -30311,7 +30353,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30311
30353
  '[attr.data-field-type]': '"inlineAsyncSelect"',
30312
30354
  '[attr.data-field-name]': 'metadata()?.name',
30313
30355
  '[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"] }]
30356
+ }, 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
30357
  }], 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
30358
  type: HostListener,
30317
30359
  args: ['window:resize']
@@ -30571,6 +30613,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
30571
30613
  this.updateOverlayValue(this.isAllSelected() ? [] : enabled.map((option) => option.value));
30572
30614
  }
30573
30615
  panelId() { return `${this.componentId()}-options`; }
30616
+ overlayId() { return `${this.componentId()}-popup`; }
30574
30617
  overlayPanelWidth() { return 'min(440px, calc(100vw - 24px))'; }
30575
30618
  showPanelActions() {
30576
30619
  return this.usesExplicitApplyMode();
@@ -30809,6 +30852,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
30809
30852
  <pdx-collection-overlay
30810
30853
  [(open)]="overlayOpen"
30811
30854
  [ariaLabel]="panelActionsAriaLabel()"
30855
+ [panelId]="overlayId()"
30812
30856
  panelClass="pdx-inline-multiselect-panel"
30813
30857
  [panelWidth]="overlayPanelWidth()"
30814
30858
  [style.--pdx-inline-multiselect-min-w.px]="inlineMinWidthPx || null"
@@ -30823,9 +30867,9 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
30823
30867
  class="pdx-inline-multiselect-trigger pdx-chip-trigger"
30824
30868
  [class.is-active]="hasSelection()"
30825
30869
  role="combobox"
30826
- aria-haspopup="listbox"
30870
+ aria-haspopup="dialog"
30827
30871
  [attr.aria-expanded]="overlayOpen()"
30828
- [attr.aria-controls]="overlayOpen() ? panelId() : null"
30872
+ [attr.aria-controls]="overlayOpen() ? overlayId() : null"
30829
30873
  [attr.aria-label]="ariaLabel()"
30830
30874
  [disabled]="isInteractionDisabled()"
30831
30875
  [matTooltip]="inlineTooltipText()"
@@ -30968,7 +31012,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
30968
31012
  <span class="pdx-chip-clear-icon" aria-hidden="true"></span>
30969
31013
  </button>
30970
31014
  }
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"] }] });
31015
+ `, 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
31016
  }
30973
31017
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineMultiSelectComponent, decorators: [{
30974
31018
  type: Component,
@@ -30987,6 +31031,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
30987
31031
  <pdx-collection-overlay
30988
31032
  [(open)]="overlayOpen"
30989
31033
  [ariaLabel]="panelActionsAriaLabel()"
31034
+ [panelId]="overlayId()"
30990
31035
  panelClass="pdx-inline-multiselect-panel"
30991
31036
  [panelWidth]="overlayPanelWidth()"
30992
31037
  [style.--pdx-inline-multiselect-min-w.px]="inlineMinWidthPx || null"
@@ -31001,9 +31046,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
31001
31046
  class="pdx-inline-multiselect-trigger pdx-chip-trigger"
31002
31047
  [class.is-active]="hasSelection()"
31003
31048
  role="combobox"
31004
- aria-haspopup="listbox"
31049
+ aria-haspopup="dialog"
31005
31050
  [attr.aria-expanded]="overlayOpen()"
31006
- [attr.aria-controls]="overlayOpen() ? panelId() : null"
31051
+ [attr.aria-controls]="overlayOpen() ? overlayId() : null"
31007
31052
  [attr.aria-label]="ariaLabel()"
31008
31053
  [disabled]="isInteractionDisabled()"
31009
31054
  [matTooltip]="inlineTooltipText()"
@@ -31163,7 +31208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
31163
31208
  '[attr.data-field-type]': '"inlineMultiSelect"',
31164
31209
  '[attr.data-field-name]': 'metadata()?.name',
31165
31210
  '[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"] }]
31211
+ }, 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
31212
  }], propDecorators: { readonlyMode: [{
31168
31213
  type: Input
31169
31214
  }], disabledMode: [{
@@ -45512,7 +45557,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
45512
45557
  </div>
45513
45558
  </mat-menu>
45514
45559
  </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]" }] });
45560
+ `, 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
45561
  }
45517
45562
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineTreeSelectComponent, decorators: [{
45518
45563
  type: Component,
@@ -55455,7 +55500,7 @@ class MaterialMultiSelectTreeComponent extends SimpleBaseInputComponent {
55455
55500
  <div class="pdx-hint">{{ metadata()!.hint }}</div>
55456
55501
  }
55457
55502
  </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"] }] });
55503
+ `, 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
55504
  }
55460
55505
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialMultiSelectTreeComponent, decorators: [{
55461
55506
  type: Component,
@@ -55934,7 +55979,7 @@ class MaterialTreeSelectComponent extends SimpleBaseSelectComponent {
55934
55979
  <div class="pdx-hint">{{ metadata()!.hint }}</div>
55935
55980
  }
55936
55981
  </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"] }] });
55982
+ `, 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
55983
  }
55939
55984
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialTreeSelectComponent, decorators: [{
55940
55985
  type: Component,
@@ -58074,7 +58119,7 @@ class PreloadStatusComponent {
58074
58119
  </button>
58075
58120
  </mat-card-actions>
58076
58121
  </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"] }] });
58122
+ `, 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
58123
  }
58079
58124
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PreloadStatusComponent, decorators: [{
58080
58125
  type: Component,
@@ -60569,7 +60614,7 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
60569
60614
  }
60570
60615
  catch { }
60571
60616
  }
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 });
60617
+ 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
60618
  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
60619
  {
60575
60620
  provide: NG_VALUE_ACCESSOR,
@@ -60976,7 +61021,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
60976
61021
  '[attr.data-field-name]': 'metadata()?.name',
60977
61022
  '[attr.data-component-id]': 'componentId()',
60978
61023
  }, 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: [{
61024
+ }], ctorParameters: () => [{ type: i1$7.MatBottomSheet }], propDecorators: { actionsLayout: [{
60980
61025
  type: Input
60981
61026
  }], activeView: [{
60982
61027
  type: Input
@@ -62114,7 +62159,7 @@ class MaterialTransferListComponent extends SimpleBaseSelectComponent {
62114
62159
  @if (metadata()?.hint) {
62115
62160
  <div class="pdx-transfer-hint">{{ metadata()!.hint }}</div>
62116
62161
  }
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"] }] });
62162
+ `, 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
62163
  }
62119
62164
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialTransferListComponent, decorators: [{
62120
62165
  type: Component,