@praxisui/dynamic-fields 9.0.0-beta.80 → 9.0.0-beta.81

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.
@@ -12,7 +12,7 @@ import { take, startWith, debounceTime, map, catchError, distinctUntilChanged, s
12
12
  import * as i3$1 from '@angular/material/select';
13
13
  import { MatSelect, MatSelectModule } from '@angular/material/select';
14
14
  import * as i1 from '@angular/common';
15
- import { CommonModule, formatDate, registerLocaleData, CurrencyPipe } from '@angular/common';
15
+ import { CommonModule, formatDate, DOCUMENT, registerLocaleData, CurrencyPipe } from '@angular/common';
16
16
  import * as i4 from '@angular/material/icon';
17
17
  import { MatIconModule, MatIcon } from '@angular/material/icon';
18
18
  import * as i5 from '@angular/material/tooltip';
@@ -168,6 +168,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
168
168
  'praxis.dynamicFields.select.searchAriaLabel': 'Search options',
169
169
  'praxis.dynamicFields.select.loading': 'Loading...',
170
170
  'praxis.dynamicFields.select.loadMore': 'Load more',
171
+ 'praxis.dynamicFields.select.panelActionsAriaLabel': '{{label}} - list actions',
171
172
  'praxis.dynamicFields.select.endOfList': 'End of list',
172
173
  'praxis.dynamicFields.select.noOptionsAvailable': 'No options available',
173
174
  'praxis.dynamicFields.select.loadingOptionsAriaLabel': 'Loading options',
@@ -408,12 +409,16 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
408
409
  'praxis.dynamicFields.editorial.entityLookup.friendlyName': 'Entity lookup',
409
410
  'praxis.dynamicFields.editorial.entityLookup.description': 'Business entity lookup backed by RESOURCE_ENTITY option sources, rehydration and selection policy.',
410
411
  'praxis.dynamicFields.entityLookup.resultCount': '{{count}} results',
412
+ 'praxis.dynamicFields.entityLookup.loadedResultCount': '{{loaded}} of {{total}} results',
411
413
  'praxis.dynamicFields.entityLookup.action.detail': 'Detail',
412
414
  'praxis.dynamicFields.entityLookup.action.change': 'Change',
413
415
  'praxis.dynamicFields.entityLookup.action.copyCode': 'Code',
414
416
  'praxis.dynamicFields.entityLookup.action.copyId': 'ID',
415
417
  'praxis.dynamicFields.entityLookup.action.create': 'Create',
416
418
  'praxis.dynamicFields.entityLookup.action.clear': 'Clear',
419
+ 'praxis.dynamicFields.entityLookup.action.clearSelection': 'Clear selection',
420
+ 'praxis.dynamicFields.entityLookup.label': 'Entity',
421
+ 'praxis.dynamicFields.entityLookup.panel.actionsAriaLabel': '{{label}} - selection actions',
417
422
  'praxis.dynamicFields.entityLookup.sort.label': 'Sort by',
418
423
  'praxis.dynamicFields.entityLookup.sort.default': 'Default',
419
424
  'praxis.dynamicFields.entityLookup.filter.clearAll': 'Clear filters',
@@ -566,6 +571,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
566
571
  'praxis.dynamicFields.select.searchAriaLabel': 'Buscar opções',
567
572
  'praxis.dynamicFields.select.loading': 'Carregando...',
568
573
  'praxis.dynamicFields.select.loadMore': 'Carregar mais',
574
+ 'praxis.dynamicFields.select.panelActionsAriaLabel': '{{label}} - ações da lista',
569
575
  'praxis.dynamicFields.select.endOfList': 'Fim de lista',
570
576
  'praxis.dynamicFields.select.noOptionsAvailable': 'Nenhuma opção disponível',
571
577
  'praxis.dynamicFields.select.loadingOptionsAriaLabel': 'Carregando opções',
@@ -806,12 +812,16 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
806
812
  'praxis.dynamicFields.editorial.entityLookup.friendlyName': 'Consulta de entidade',
807
813
  'praxis.dynamicFields.editorial.entityLookup.description': 'Lookup de entidade de negócio apoiado por option sources RESOURCE_ENTITY, reidratação e política de seleção.',
808
814
  'praxis.dynamicFields.entityLookup.resultCount': '{{count}} resultados',
815
+ 'praxis.dynamicFields.entityLookup.loadedResultCount': '{{loaded}} de {{total}} resultados',
809
816
  'praxis.dynamicFields.entityLookup.action.detail': 'Detalhe',
810
817
  'praxis.dynamicFields.entityLookup.action.change': 'Trocar',
811
818
  'praxis.dynamicFields.entityLookup.action.copyCode': 'Código',
812
819
  'praxis.dynamicFields.entityLookup.action.copyId': 'ID',
813
820
  'praxis.dynamicFields.entityLookup.action.create': 'Novo',
814
821
  'praxis.dynamicFields.entityLookup.action.clear': 'Limpar',
822
+ 'praxis.dynamicFields.entityLookup.action.clearSelection': 'Limpar seleção',
823
+ 'praxis.dynamicFields.entityLookup.label': 'Entidade',
824
+ 'praxis.dynamicFields.entityLookup.panel.actionsAriaLabel': '{{label}} - ações da seleção',
815
825
  'praxis.dynamicFields.entityLookup.sort.label': 'Ordenar por',
816
826
  'praxis.dynamicFields.entityLookup.sort.default': 'Padrão',
817
827
  'praxis.dynamicFields.entityLookup.filter.clearAll': 'Limpar filtros',
@@ -3836,6 +3846,9 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
3836
3846
  endOfOptionsLabel() {
3837
3847
  return this.tDynamicFields('select.endOfList', 'Fim de lista');
3838
3848
  }
3849
+ selectPanelActionsAriaLabel() {
3850
+ return this.tDynamicFields('select.panelActionsAriaLabel', '{{label}} - ações da lista', { label: this.label || this.tDynamicFields('select.defaultLabel', 'Seleção') });
3851
+ }
3839
3852
  noOptionsAvailableLabel() {
3840
3853
  return this.tDynamicFields('select.noOptionsAvailable', 'Nenhuma opção disponível');
3841
3854
  }
@@ -4620,6 +4633,12 @@ class OptionStore {
4620
4633
  get items() {
4621
4634
  return this.order.map((id) => this.map.get(id).value);
4622
4635
  }
4636
+ get pageItems() {
4637
+ return this.order
4638
+ .map((id) => this.map.get(id))
4639
+ .filter((entry) => entry.source === 'page')
4640
+ .map((entry) => entry.value);
4641
+ }
4623
4642
  }
4624
4643
 
4625
4644
  class MaterialAvatarComponent {
@@ -12469,6 +12488,295 @@ function createEditableCollectionComponentMetadata(locale = 'en-US') {
12469
12488
  return createWave1ComponentDocMeta(PDX_EDITABLE_COLLECTION_EDITORIAL_DESCRIPTOR, locale);
12470
12489
  }
12471
12490
 
12491
+ const PANEL_THEME_BRIDGE = [
12492
+ ['--pdx-select-panel-actions-surface', ['--pdx-select-panel-actions-surface', '--pdx-inline-panel-surface', '--pdx-overlay-surface']],
12493
+ ['--pdx-select-panel-actions-on-surface', ['--pdx-select-panel-actions-on-surface', '--pdx-inline-panel-on-surface', '--pdx-overlay-on-surface']],
12494
+ ['--pdx-select-panel-actions-muted', ['--pdx-select-panel-actions-muted', '--pdx-inline-panel-on-surface-muted', '--pdx-overlay-on-surface-muted']],
12495
+ ['--pdx-select-panel-actions-outline', ['--pdx-select-panel-actions-outline', '--pdx-inline-panel-outline', '--pdx-overlay-border']],
12496
+ ['--pdx-select-panel-actions-accent', ['--pdx-select-panel-actions-accent', '--md-sys-color-primary']],
12497
+ ];
12498
+ function focusFirstSelectPanelAction(event) {
12499
+ if (event.key !== 'Tab' || event.shiftKey) {
12500
+ return false;
12501
+ }
12502
+ const source = event.currentTarget instanceof HTMLElement ? event.currentTarget : null;
12503
+ const panel = source?.closest('.mat-mdc-select-panel');
12504
+ const action = panel?.parentElement
12505
+ ?.querySelector('pdx-select-panel-actions .pdx-select-panel-action:not(:disabled)');
12506
+ if (!action) {
12507
+ return false;
12508
+ }
12509
+ event.preventDefault();
12510
+ event.stopPropagation();
12511
+ action.focus();
12512
+ return true;
12513
+ }
12514
+ class SelectPanelActionsComponent {
12515
+ document = inject(DOCUMENT);
12516
+ host = inject(ElementRef);
12517
+ matSelect = inject(MatSelect, { optional: true });
12518
+ subscriptions = new Subscription();
12519
+ placeholder = null;
12520
+ panel = null;
12521
+ overlayPane = null;
12522
+ bridgedThemeProperties = new Map();
12523
+ ariaLabel = '';
12524
+ showClear = false;
12525
+ clearLabel = '';
12526
+ clearIcon = 'restart_alt';
12527
+ clearIconColor = null;
12528
+ showLoadMore = false;
12529
+ loadMoreLabel = '';
12530
+ loadingLabel = '';
12531
+ loading = false;
12532
+ showEndReached = false;
12533
+ endReachedLabel = '';
12534
+ disabled = false;
12535
+ clear = new EventEmitter();
12536
+ loadMore = new EventEmitter();
12537
+ ngAfterViewInit() {
12538
+ if (!this.matSelect) {
12539
+ return;
12540
+ }
12541
+ this.subscriptions.add(this.matSelect.openedChange.subscribe((opened) => {
12542
+ if (opened) {
12543
+ queueMicrotask(() => this.relocateOutsideListbox());
12544
+ }
12545
+ else {
12546
+ this.restoreInsidePanel();
12547
+ }
12548
+ }));
12549
+ }
12550
+ ngOnDestroy() {
12551
+ this.subscriptions.unsubscribe();
12552
+ this.restoreInsidePanel();
12553
+ }
12554
+ containPointerEvent(event) {
12555
+ event.stopPropagation();
12556
+ }
12557
+ requestClear(event) {
12558
+ event.preventDefault();
12559
+ event.stopPropagation();
12560
+ this.clear.emit(event);
12561
+ }
12562
+ requestLoadMore(event) {
12563
+ event.preventDefault();
12564
+ event.stopPropagation();
12565
+ if (!this.disabled && !this.loading) {
12566
+ this.loadMore.emit(event);
12567
+ }
12568
+ }
12569
+ handleActionKeydown(event) {
12570
+ if (event.key === 'Escape') {
12571
+ event.preventDefault();
12572
+ event.stopPropagation();
12573
+ this.matSelect?.close();
12574
+ return;
12575
+ }
12576
+ if (event.key !== 'Tab' || !event.shiftKey) {
12577
+ return;
12578
+ }
12579
+ const source = event.target instanceof HTMLButtonElement ? event.target : null;
12580
+ const firstAction = this.host.nativeElement.querySelector('.pdx-select-panel-action:not(:disabled)');
12581
+ if (!source || source !== firstAction) {
12582
+ return;
12583
+ }
12584
+ const searchInput = this.panel?.querySelector('input:not(:disabled)');
12585
+ if (!searchInput) {
12586
+ return;
12587
+ }
12588
+ event.preventDefault();
12589
+ event.stopPropagation();
12590
+ searchInput.focus();
12591
+ }
12592
+ relocateOutsideListbox() {
12593
+ const host = this.host.nativeElement;
12594
+ const panel = host.closest('.mat-mdc-select-panel');
12595
+ const overlayPane = panel?.parentElement;
12596
+ if (!panel || !overlayPane || !overlayPane.classList.contains('cdk-overlay-pane')) {
12597
+ return;
12598
+ }
12599
+ this.bridgePanelTheme(panel, host);
12600
+ this.placeholder = this.document.createComment('pdx-select-panel-actions');
12601
+ panel.insertBefore(this.placeholder, host);
12602
+ overlayPane.insertBefore(host, panel.nextSibling);
12603
+ overlayPane.classList.add('pdx-select-panel-overlay-with-actions');
12604
+ this.panel = panel;
12605
+ this.overlayPane = overlayPane;
12606
+ }
12607
+ restoreInsidePanel() {
12608
+ const host = this.host.nativeElement;
12609
+ if (this.placeholder?.parentNode) {
12610
+ this.placeholder.parentNode.insertBefore(host, this.placeholder);
12611
+ this.placeholder.remove();
12612
+ }
12613
+ this.overlayPane?.classList.remove('pdx-select-panel-overlay-with-actions');
12614
+ for (const [property, previousValue] of this.bridgedThemeProperties) {
12615
+ if (previousValue) {
12616
+ host.style.setProperty(property, previousValue);
12617
+ }
12618
+ else {
12619
+ host.style.removeProperty(property);
12620
+ }
12621
+ }
12622
+ this.bridgedThemeProperties.clear();
12623
+ this.placeholder = null;
12624
+ this.panel = null;
12625
+ this.overlayPane = null;
12626
+ }
12627
+ bridgePanelTheme(panel, host) {
12628
+ const view = this.document.defaultView;
12629
+ if (!view) {
12630
+ return;
12631
+ }
12632
+ const panelStyle = view.getComputedStyle(panel);
12633
+ for (const [target, sources] of PANEL_THEME_BRIDGE) {
12634
+ const value = sources
12635
+ .map((source) => panelStyle.getPropertyValue(source).trim())
12636
+ .find(Boolean);
12637
+ if (!value) {
12638
+ continue;
12639
+ }
12640
+ this.bridgedThemeProperties.set(target, host.style.getPropertyValue(target));
12641
+ host.style.setProperty(target, value);
12642
+ }
12643
+ }
12644
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SelectPanelActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12645
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SelectPanelActionsComponent, isStandalone: true, selector: "pdx-select-panel-actions", inputs: { ariaLabel: "ariaLabel", showClear: "showClear", clearLabel: "clearLabel", clearIcon: "clearIcon", clearIconColor: "clearIconColor", showLoadMore: "showLoadMore", loadMoreLabel: "loadMoreLabel", loadingLabel: "loadingLabel", loading: "loading", showEndReached: "showEndReached", endReachedLabel: "endReachedLabel", disabled: "disabled" }, outputs: { clear: "clear", loadMore: "loadMore" }, host: { classAttribute: "pdx-select-panel-overlay-actions" }, ngImport: i0, template: `
12646
+ @if (showClear || showLoadMore || showEndReached) {
12647
+ <div
12648
+ class="pdx-select-panel-actions"
12649
+ role="group"
12650
+ [attr.aria-label]="ariaLabel"
12651
+ (mousedown)="containPointerEvent($event)"
12652
+ (pointerdown)="containPointerEvent($event)"
12653
+ (keydown)="handleActionKeydown($event)"
12654
+ >
12655
+ @if (showClear) {
12656
+ <button
12657
+ type="button"
12658
+ class="pdx-select-panel-action is-clear"
12659
+ [disabled]="disabled"
12660
+ (click)="requestClear($event)"
12661
+ >
12662
+ <mat-icon aria-hidden="true" [style.color]="clearIconColor || null">{{ clearIcon }}</mat-icon>
12663
+ <span>{{ clearLabel }}</span>
12664
+ </button>
12665
+ }
12666
+
12667
+ @if (showLoadMore) {
12668
+ <button
12669
+ type="button"
12670
+ class="pdx-select-panel-action is-load-more"
12671
+ [class.is-loading]="loading"
12672
+ [disabled]="disabled || loading"
12673
+ [attr.aria-busy]="loading ? 'true' : null"
12674
+ (click)="requestLoadMore($event)"
12675
+ >
12676
+ @if (loading) {
12677
+ <mat-progress-spinner diameter="16" mode="indeterminate" />
12678
+ <span>{{ loadingLabel }}</span>
12679
+ } @else {
12680
+ <mat-icon aria-hidden="true">expand_more</mat-icon>
12681
+ <span>{{ loadMoreLabel }}</span>
12682
+ }
12683
+ </button>
12684
+ }
12685
+
12686
+ @if (showEndReached) {
12687
+ <span class="pdx-select-panel-end" role="status">
12688
+ <mat-icon aria-hidden="true">check</mat-icon>
12689
+ <span>{{ endReachedLabel }}</span>
12690
+ </span>
12691
+ }
12692
+ </div>
12693
+ }
12694
+ `, isInline: true, styles: ["pdx-select-panel-actions.pdx-select-panel-overlay-actions{display:block;width:100%;flex:0 0 auto}.cdk-overlay-pane.pdx-select-panel-overlay-with-actions{flex-direction:column}.pdx-select-panel-actions{display:grid;gap:var(--pdx-select-panel-actions-gap, 4px);padding:var(--pdx-select-panel-actions-padding, 6px 10px 8px);border-top:1px solid var( --pdx-select-panel-actions-outline, var(--pdx-inline-panel-outline, var(--pdx-overlay-border, var(--mat-divider-color, var(--md-sys-color-outline-variant)))) );background:var( --pdx-select-panel-actions-surface, var(--pdx-inline-panel-surface, var(--pdx-overlay-surface, var(--md-sys-color-surface-container-highest))) );color:var( --pdx-select-panel-actions-on-surface, var(--pdx-inline-panel-on-surface, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface))) )}.pdx-select-panel-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--pdx-select-panel-action-min-height, 44px);padding:var(--pdx-select-panel-action-padding, 0 12px);appearance:none;border:1px solid transparent;border-radius:var(--pdx-select-panel-action-radius, var(--mat-button-outlined-container-shape, 8px));background:transparent;color:var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary));font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;box-sizing:border-box}.pdx-select-panel-action mat-icon,.pdx-select-panel-end mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.pdx-select-panel-action:hover:not(:disabled){background:var( --pdx-select-panel-action-hover-surface, color-mix(in srgb, var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary)) 10%, transparent) )}.pdx-select-panel-action:focus-visible{border-color:var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary));outline:2px solid var( --pdx-select-panel-action-focus-ring, color-mix(in srgb, var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary)) 34%, transparent) );outline-offset:1px}.pdx-select-panel-action.is-clear{justify-content:flex-start;background:transparent;color:var( --pdx-select-panel-actions-muted, var(--pdx-inline-panel-on-surface-muted, var(--pdx-overlay-on-surface-muted, var(--md-sys-color-on-surface-variant))) );font-weight:600}.pdx-select-panel-action.is-load-more{background:var( --pdx-select-panel-load-more-surface, color-mix(in srgb, var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary)) 6%, transparent) );border-color:var( --pdx-select-panel-load-more-outline, color-mix(in srgb, var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary)) 20%, transparent) )}.pdx-select-panel-action:disabled{cursor:default;opacity:var(--pdx-select-panel-action-disabled-opacity, .72)}.pdx-select-panel-end{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;color:var( --pdx-select-panel-actions-muted, var(--pdx-inline-panel-on-surface-muted, var(--pdx-overlay-on-surface-muted, var(--md-sys-color-on-surface-variant))) );font-size:.86rem}\n"], dependencies: [{ 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"] }], encapsulation: i0.ViewEncapsulation.None });
12695
+ }
12696
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SelectPanelActionsComponent, decorators: [{
12697
+ type: Component,
12698
+ args: [{ selector: 'pdx-select-panel-actions', standalone: true, imports: [MatIconModule, MatProgressSpinnerModule], encapsulation: ViewEncapsulation.None, host: {
12699
+ class: 'pdx-select-panel-overlay-actions',
12700
+ }, template: `
12701
+ @if (showClear || showLoadMore || showEndReached) {
12702
+ <div
12703
+ class="pdx-select-panel-actions"
12704
+ role="group"
12705
+ [attr.aria-label]="ariaLabel"
12706
+ (mousedown)="containPointerEvent($event)"
12707
+ (pointerdown)="containPointerEvent($event)"
12708
+ (keydown)="handleActionKeydown($event)"
12709
+ >
12710
+ @if (showClear) {
12711
+ <button
12712
+ type="button"
12713
+ class="pdx-select-panel-action is-clear"
12714
+ [disabled]="disabled"
12715
+ (click)="requestClear($event)"
12716
+ >
12717
+ <mat-icon aria-hidden="true" [style.color]="clearIconColor || null">{{ clearIcon }}</mat-icon>
12718
+ <span>{{ clearLabel }}</span>
12719
+ </button>
12720
+ }
12721
+
12722
+ @if (showLoadMore) {
12723
+ <button
12724
+ type="button"
12725
+ class="pdx-select-panel-action is-load-more"
12726
+ [class.is-loading]="loading"
12727
+ [disabled]="disabled || loading"
12728
+ [attr.aria-busy]="loading ? 'true' : null"
12729
+ (click)="requestLoadMore($event)"
12730
+ >
12731
+ @if (loading) {
12732
+ <mat-progress-spinner diameter="16" mode="indeterminate" />
12733
+ <span>{{ loadingLabel }}</span>
12734
+ } @else {
12735
+ <mat-icon aria-hidden="true">expand_more</mat-icon>
12736
+ <span>{{ loadMoreLabel }}</span>
12737
+ }
12738
+ </button>
12739
+ }
12740
+
12741
+ @if (showEndReached) {
12742
+ <span class="pdx-select-panel-end" role="status">
12743
+ <mat-icon aria-hidden="true">check</mat-icon>
12744
+ <span>{{ endReachedLabel }}</span>
12745
+ </span>
12746
+ }
12747
+ </div>
12748
+ }
12749
+ `, styles: ["pdx-select-panel-actions.pdx-select-panel-overlay-actions{display:block;width:100%;flex:0 0 auto}.cdk-overlay-pane.pdx-select-panel-overlay-with-actions{flex-direction:column}.pdx-select-panel-actions{display:grid;gap:var(--pdx-select-panel-actions-gap, 4px);padding:var(--pdx-select-panel-actions-padding, 6px 10px 8px);border-top:1px solid var( --pdx-select-panel-actions-outline, var(--pdx-inline-panel-outline, var(--pdx-overlay-border, var(--mat-divider-color, var(--md-sys-color-outline-variant)))) );background:var( --pdx-select-panel-actions-surface, var(--pdx-inline-panel-surface, var(--pdx-overlay-surface, var(--md-sys-color-surface-container-highest))) );color:var( --pdx-select-panel-actions-on-surface, var(--pdx-inline-panel-on-surface, var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface))) )}.pdx-select-panel-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--pdx-select-panel-action-min-height, 44px);padding:var(--pdx-select-panel-action-padding, 0 12px);appearance:none;border:1px solid transparent;border-radius:var(--pdx-select-panel-action-radius, var(--mat-button-outlined-container-shape, 8px));background:transparent;color:var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary));font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;box-sizing:border-box}.pdx-select-panel-action mat-icon,.pdx-select-panel-end mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.pdx-select-panel-action:hover:not(:disabled){background:var( --pdx-select-panel-action-hover-surface, color-mix(in srgb, var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary)) 10%, transparent) )}.pdx-select-panel-action:focus-visible{border-color:var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary));outline:2px solid var( --pdx-select-panel-action-focus-ring, color-mix(in srgb, var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary)) 34%, transparent) );outline-offset:1px}.pdx-select-panel-action.is-clear{justify-content:flex-start;background:transparent;color:var( --pdx-select-panel-actions-muted, var(--pdx-inline-panel-on-surface-muted, var(--pdx-overlay-on-surface-muted, var(--md-sys-color-on-surface-variant))) );font-weight:600}.pdx-select-panel-action.is-load-more{background:var( --pdx-select-panel-load-more-surface, color-mix(in srgb, var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary)) 6%, transparent) );border-color:var( --pdx-select-panel-load-more-outline, color-mix(in srgb, var(--pdx-select-panel-actions-accent, var(--md-sys-color-primary)) 20%, transparent) )}.pdx-select-panel-action:disabled{cursor:default;opacity:var(--pdx-select-panel-action-disabled-opacity, .72)}.pdx-select-panel-end{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;color:var( --pdx-select-panel-actions-muted, var(--pdx-inline-panel-on-surface-muted, var(--pdx-overlay-on-surface-muted, var(--md-sys-color-on-surface-variant))) );font-size:.86rem}\n"] }]
12750
+ }], propDecorators: { ariaLabel: [{
12751
+ type: Input
12752
+ }], showClear: [{
12753
+ type: Input
12754
+ }], clearLabel: [{
12755
+ type: Input
12756
+ }], clearIcon: [{
12757
+ type: Input
12758
+ }], clearIconColor: [{
12759
+ type: Input
12760
+ }], showLoadMore: [{
12761
+ type: Input
12762
+ }], loadMoreLabel: [{
12763
+ type: Input
12764
+ }], loadingLabel: [{
12765
+ type: Input
12766
+ }], loading: [{
12767
+ type: Input
12768
+ }], showEndReached: [{
12769
+ type: Input
12770
+ }], endReachedLabel: [{
12771
+ type: Input
12772
+ }], disabled: [{
12773
+ type: Input
12774
+ }], clear: [{
12775
+ type: Output
12776
+ }], loadMore: [{
12777
+ type: Output
12778
+ }] } });
12779
+
12472
12780
  class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12473
12781
  lastConfiguredPath;
12474
12782
  initialLoadStrategy = 'open';
@@ -12605,7 +12913,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12605
12913
  this.endReached.set(false);
12606
12914
  this.runQuery(true)
12607
12915
  .pipe(takeUntilDestroyed(this.destroyRef))
12608
- .subscribe({ complete: () => (this.hasPerformedInitialLoad = true) });
12916
+ .subscribe();
12609
12917
  }
12610
12918
  else if (this.initialLoadStrategy === 'open') {
12611
12919
  // Intentional no-op: open strategy defers first fetch until select open.
@@ -12616,7 +12924,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12616
12924
  if (opened) {
12617
12925
  const shouldLoadOnOpen = this.hasRemoteOptionsContract() &&
12618
12926
  this.initialLoadStrategy !== 'none' &&
12619
- this.options().length === 0 &&
12927
+ !this.hasPerformedInitialLoad &&
12620
12928
  !this.loading();
12621
12929
  if (shouldLoadOnOpen) {
12622
12930
  // The overlay search input may not exist yet on the first openedChange.
@@ -12628,6 +12936,9 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12628
12936
  }
12629
12937
  }
12630
12938
  }
12939
+ hasCompletedInitialLoad() {
12940
+ return this.hasPerformedInitialLoad;
12941
+ }
12631
12942
  getSelectedIds() {
12632
12943
  const val = this.control().value;
12633
12944
  if (!val)
@@ -12669,9 +12980,13 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12669
12980
  });
12670
12981
  }
12671
12982
  refreshOptions() {
12672
- const mapped = this.store.items.map((o) => this.mapRemoteOption(o));
12983
+ const sourceItems = this.hasSearchTerm() ? this.store.pageItems : this.store.items;
12984
+ const mapped = sourceItems.map((o) => this.mapRemoteOption(o));
12673
12985
  this.options.set(mapped);
12674
12986
  }
12987
+ hasSearchTerm() {
12988
+ return !!(this.termControl.value || '').trim();
12989
+ }
12675
12990
  currentLookupFiltering() {
12676
12991
  return this.optionSource()?.filtering ?? null;
12677
12992
  }
@@ -12776,18 +13091,14 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12776
13091
  this.endReached.set(false);
12777
13092
  this.runQuery(true)
12778
13093
  .pipe(takeUntilDestroyed(this.destroyRef))
12779
- .subscribe({
12780
- complete: () => {
12781
- this.hasPerformedInitialLoad = true;
12782
- this.markLoadedOnce();
12783
- },
12784
- });
13094
+ .subscribe();
12785
13095
  }
12786
13096
  runQuery(reset) {
12787
13097
  if (!this.crudService || !this.hasRemoteOptionsContract()) {
12788
13098
  return of(void 0);
12789
13099
  }
12790
13100
  const term = this.termControl.value || '';
13101
+ const hasSearchTerm = !!term.trim();
12791
13102
  const optionSource = this.optionSource();
12792
13103
  const filter = { ...this.filterCriteria() };
12793
13104
  if (term && !optionSource) {
@@ -12799,6 +13110,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12799
13110
  const selected = this.getSelectedIds();
12800
13111
  const include = reset &&
12801
13112
  !this.useCursor &&
13113
+ !hasSearchTerm &&
12802
13114
  selected.length &&
12803
13115
  (!optionSource || optionSource.includeIds === true)
12804
13116
  ? { includeIds: selected }
@@ -12816,7 +13128,9 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12816
13128
  this.remoteTotalElements.set(null);
12817
13129
  this.cursorAfter = resp.next ?? null;
12818
13130
  this.store.addPage(this.cursorPageIndex++, resp.content);
12819
- this.store.ensureVisible(selected);
13131
+ if (!hasSearchTerm) {
13132
+ this.store.ensureVisible(selected);
13133
+ }
12820
13134
  this.endReached.set(!resp.next);
12821
13135
  this.refreshOptions();
12822
13136
  this.hasPerformedInitialLoad = true;
@@ -12851,7 +13165,9 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12851
13165
  this.dataVersion = resp.dataVersion;
12852
13166
  this.remoteTotalElements.set(Number.isFinite(resp.totalElements) ? resp.totalElements : null);
12853
13167
  this.store.addPage(page, resp.content);
12854
- this.store.ensureVisible(selected);
13168
+ if (!hasSearchTerm) {
13169
+ this.store.ensureVisible(selected);
13170
+ }
12855
13171
  this.endReached.set(this.isLastPage(page, resp));
12856
13172
  this.refreshOptions();
12857
13173
  this.hasPerformedInitialLoad = true;
@@ -12895,10 +13211,6 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12895
13211
  }
12896
13212
  return resp.content.length < this.pageSize();
12897
13213
  }
12898
- onLoadMorePointerDown(event) {
12899
- event.preventDefault();
12900
- event.stopPropagation();
12901
- }
12902
13214
  onLoadMoreInteraction(event) {
12903
13215
  event.preventDefault();
12904
13216
  event.stopPropagation();
@@ -12911,6 +13223,9 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12911
13223
  this.runQuery(true).subscribe();
12912
13224
  }
12913
13225
  handleKey(event) {
13226
+ if (focusFirstSelectPanelAction(event)) {
13227
+ return;
13228
+ }
12914
13229
  if (!this.matSelect)
12915
13230
  return;
12916
13231
  if (event.key === 'ArrowDown' || event.key === 'ArrowUp' || event.key === 'Enter') {
@@ -12949,12 +13264,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
12949
13264
  }
12950
13265
  this.runQuery(true)
12951
13266
  .pipe(takeUntilDestroyed(this.destroyRef))
12952
- .subscribe({
12953
- complete: () => {
12954
- this.hasPerformedInitialLoad = true;
12955
- this.markLoadedOnce();
12956
- },
12957
- });
13267
+ .subscribe();
12958
13268
  }
12959
13269
  setupRemoteSelectionHydration() {
12960
13270
  if (this.remoteSelectionHydrationSub) {
@@ -13123,24 +13433,17 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13123
13433
  aria-hidden="true"
13124
13434
  ></mat-option>
13125
13435
  }
13126
- @if (showLoadMore()) {
13127
- <div
13128
- class="pdx-select-load-more-action"
13129
- role="button"
13130
- tabindex="0"
13131
- (pointerdown)="onLoadMorePointerDown($event)"
13132
- (click)="onLoadMoreInteraction($event)"
13133
- (keydown.enter)="onLoadMoreInteraction($event)"
13134
- (keydown.space)="onLoadMoreInteraction($event)"
13135
- >
13136
- {{ loadMoreOptionsLabel() }}
13137
- </div>
13138
- }
13139
- @if (endReached() && options().length === 0) {
13140
- <mat-option disabled>
13141
- {{ endOfOptionsLabel() }}
13142
- </mat-option>
13143
- }
13436
+ <pdx-select-panel-actions
13437
+ [ariaLabel]="selectPanelActionsAriaLabel()"
13438
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
13439
+ [loadMoreLabel]="loadMoreOptionsLabel()"
13440
+ [loadingLabel]="loadingOptionsLabel()"
13441
+ [loading]="loading()"
13442
+ [showEndReached]="endReached() && options().length === 0"
13443
+ [endReachedLabel]="endOfOptionsLabel()"
13444
+ [disabled]="isInteractionDisabled()"
13445
+ (loadMore)="onLoadMoreInteraction($event)"
13446
+ />
13144
13447
  </mat-select>
13145
13448
 
13146
13449
  @if (loading()) {
@@ -13191,7 +13494,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
13191
13494
  <mat-hint>{{ fieldHelpInlineText() }}</mat-hint>
13192
13495
  }
13193
13496
  </mat-form-field>
13194
- `, isInline: true, styles: [".pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-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-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:0;z-index:1}::ng-deep .pdx-material-async-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-async-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-async-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-async-select-panel .pdx-select-load-more-action{display:flex;align-items:center;min-height:48px;padding:0 16px;color:var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface));cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}::ng-deep .pdx-material-async-select-panel .pdx-select-load-more-action:hover,::ng-deep .pdx-material-async-select-panel .pdx-select-load-more-action:focus-visible{background:var(--pdx-overlay-state-layer, var(--md-sys-color-surface-container-high))}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "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: "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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: 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: 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"] }] });
13497
+ `, isInline: true, styles: [".pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-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-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:0;z-index:1}::ng-deep .pdx-material-async-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-async-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-async-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-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "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: "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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: 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: 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"] }] });
13195
13498
  }
13196
13499
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAsyncSelectComponent, decorators: [{
13197
13500
  type: Component,
@@ -13204,7 +13507,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
13204
13507
  MatSelectModule,
13205
13508
  MatInputModule,
13206
13509
  MatProgressSpinnerModule,
13207
- MatTooltipModule
13510
+ MatTooltipModule,
13511
+ SelectPanelActionsComponent
13208
13512
  ], template: `
13209
13513
  <mat-form-field
13210
13514
  [appearance]="materialAppearance()"
@@ -13271,24 +13575,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
13271
13575
  aria-hidden="true"
13272
13576
  ></mat-option>
13273
13577
  }
13274
- @if (showLoadMore()) {
13275
- <div
13276
- class="pdx-select-load-more-action"
13277
- role="button"
13278
- tabindex="0"
13279
- (pointerdown)="onLoadMorePointerDown($event)"
13280
- (click)="onLoadMoreInteraction($event)"
13281
- (keydown.enter)="onLoadMoreInteraction($event)"
13282
- (keydown.space)="onLoadMoreInteraction($event)"
13283
- >
13284
- {{ loadMoreOptionsLabel() }}
13285
- </div>
13286
- }
13287
- @if (endReached() && options().length === 0) {
13288
- <mat-option disabled>
13289
- {{ endOfOptionsLabel() }}
13290
- </mat-option>
13291
- }
13578
+ <pdx-select-panel-actions
13579
+ [ariaLabel]="selectPanelActionsAriaLabel()"
13580
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
13581
+ [loadMoreLabel]="loadMoreOptionsLabel()"
13582
+ [loadingLabel]="loadingOptionsLabel()"
13583
+ [loading]="loading()"
13584
+ [showEndReached]="endReached() && options().length === 0"
13585
+ [endReachedLabel]="endOfOptionsLabel()"
13586
+ [disabled]="isInteractionDisabled()"
13587
+ (loadMore)="onLoadMoreInteraction($event)"
13588
+ />
13292
13589
  </mat-select>
13293
13590
 
13294
13591
  @if (loading()) {
@@ -13354,7 +13651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
13354
13651
  '[attr.data-field-type]': '"async-select"',
13355
13652
  '[attr.data-field-name]': 'metadata()?.name',
13356
13653
  '[attr.data-component-id]': 'componentId()',
13357
- }, styles: [".pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-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-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:0;z-index:1}::ng-deep .pdx-material-async-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-async-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-async-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-async-select-panel .pdx-select-load-more-action{display:flex;align-items:center;min-height:48px;padding:0 16px;color:var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface));cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}::ng-deep .pdx-material-async-select-panel .pdx-select-load-more-action:hover,::ng-deep .pdx-material-async-select-panel .pdx-select-load-more-action:focus-visible{background:var(--pdx-overlay-state-layer, var(--md-sys-color-surface-container-high))}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
13654
+ }, styles: [".pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-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-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:0;z-index:1}::ng-deep .pdx-material-async-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-async-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-async-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-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
13358
13655
  }], propDecorators: { readonlyMode: [{
13359
13656
  type: Input
13360
13657
  }], disabledMode: [{
@@ -13415,6 +13712,16 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13415
13712
  super.onComponentInit();
13416
13713
  this.recalculateInlineSizeBounds();
13417
13714
  }
13715
+ onLookupHostClick(event) {
13716
+ if (!this.fullFieldLayout() || this.isInteractionDisabled() || this.matSelect?.panelOpen) {
13717
+ return;
13718
+ }
13719
+ const target = event.target instanceof Element ? event.target : null;
13720
+ if (target?.closest('button, a, input, textarea, [role="button"]')) {
13721
+ return;
13722
+ }
13723
+ this.matSelect?.open();
13724
+ }
13418
13725
  onViewportResize() {
13419
13726
  this.recalculateInlineSizeBounds();
13420
13727
  }
@@ -13650,7 +13957,15 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13650
13957
  return this.richLayoutEnabled() && this.lookupDisplayBoolean('showResultCount') !== false;
13651
13958
  }
13652
13959
  resultCountText() {
13653
- const count = this.remoteTotalElements() ?? this.options().length;
13960
+ const loaded = this.options().length;
13961
+ const total = this.remoteTotalElements();
13962
+ if (total != null && total > loaded) {
13963
+ return this.tDynamicFields('entityLookup.loadedResultCount', '{{loaded}} de {{total}} resultados', {
13964
+ loaded,
13965
+ total,
13966
+ });
13967
+ }
13968
+ const count = total ?? loaded;
13654
13969
  return this.tDynamicFields('entityLookup.resultCount', '{{count}} resultados', { count });
13655
13970
  }
13656
13971
  hasVisibleBadges(item) {
@@ -13680,7 +13995,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13680
13995
  if (actions?.showDetail === false) {
13681
13996
  return false;
13682
13997
  }
13683
- return !!(item.detailHref || item.detailRoute || this.hasGovernedDetailSurface());
13998
+ return !!(item.detailRoute || this.hasNavigableDetailHref(item.detailHref) || this.hasGovernedDetailSurface());
13684
13999
  }
13685
14000
  hasGovernedDetailSurface() {
13686
14001
  const detail = this.lookupOptionSource()?.detail;
@@ -13760,12 +14075,30 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13760
14075
  if (await this.tryOpenGovernedDetailSurface(item)) {
13761
14076
  return;
13762
14077
  }
13763
- const href = item.detailHref || item.detailRoute;
14078
+ // A route is the navigable host surface. The href commonly points to the
14079
+ // resource API and must only be used when no UI route was published.
14080
+ const href = item.detailRoute || this.navigableDetailHref(item.detailHref);
13764
14081
  if (!href || typeof window === 'undefined') {
13765
14082
  return;
13766
14083
  }
13767
14084
  window.open(href, '_blank', 'noopener');
13768
14085
  }
14086
+ hasNavigableDetailHref(href) {
14087
+ return !!this.navigableDetailHref(href);
14088
+ }
14089
+ navigableDetailHref(href) {
14090
+ const normalized = String(href || '').trim();
14091
+ if (!normalized) {
14092
+ return '';
14093
+ }
14094
+ if (/^\/api(?:\/|$)/i.test(normalized)) {
14095
+ return '';
14096
+ }
14097
+ if (/^https?:\/\/[^/]+\/api(?:\/|$)/i.test(normalized)) {
14098
+ return '';
14099
+ }
14100
+ return normalized;
14101
+ }
13769
14102
  async tryOpenGovernedDetailSurface(item) {
13770
14103
  const detail = this.lookupOptionSource()?.detail;
13771
14104
  const wantsSurface = String(detail?.kind || '').toLowerCase() === 'surface'
@@ -13924,7 +14257,13 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13924
14257
  }
13925
14258
  resetOptionText() {
13926
14259
  const custom = String(this.metadata()?.resetLabel || '').trim();
13927
- return custom || 'Limpar seleção';
14260
+ return custom || this.tDynamicFields('entityLookup.action.clearSelection', 'Limpar seleção');
14261
+ }
14262
+ fieldLabel() {
14263
+ return this.fieldLabelText || this.tDynamicFields('entityLookup.label', 'Entidade');
14264
+ }
14265
+ panelActionsAriaLabel() {
14266
+ return this.tDynamicFields('entityLookup.panel.actionsAriaLabel', '{{label}} - ações da seleção', { label: this.fieldLabel() });
13928
14267
  }
13929
14268
  showQuickClear() {
13930
14269
  const clearCfg = this.currentMetadata().clearButton;
@@ -13973,6 +14312,9 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13973
14312
  this.onSearchInput(input instanceof HTMLInputElement ? input.value : '');
13974
14313
  }
13975
14314
  onSearchInputKeydown(event) {
14315
+ if (focusFirstSelectPanelAction(event)) {
14316
+ return;
14317
+ }
13976
14318
  const key = event.key;
13977
14319
  if (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter' || key === 'Escape') {
13978
14320
  if (this.matSelect && typeof this.matSelect._handleKeydown === 'function') {
@@ -13996,6 +14338,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
13996
14338
  }
13997
14339
  showLoadMore() {
13998
14340
  return (!!this.resourcePath() &&
14341
+ this.hasCompletedInitialLoad() &&
13999
14342
  this.options().length > 0 &&
14000
14343
  !this.endReached() &&
14001
14344
  !this.error() &&
@@ -14360,6 +14703,9 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
14360
14703
  }
14361
14704
  return super.inlineTooltipText();
14362
14705
  }
14706
+ inlineTooltipDisabled() {
14707
+ return !!this.matSelect?.panelOpen || super.inlineTooltipDisabled();
14708
+ }
14363
14709
  resolveLookupText(value) {
14364
14710
  const matchedOption = this.findKnownLookupOption(value);
14365
14711
  if (matchedOption &&
@@ -15095,7 +15441,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
15095
15441
  return { min, max };
15096
15442
  }
15097
15443
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineEntityLookupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
15098
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineEntityLookupComponent, isStandalone: true, selector: "pdx-inline-entity-lookup", inputs: { initialMetadata: "initialMetadata" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.pdx-entity-lookup-host-block": "fullFieldLayout()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? (fullFieldLayout() ? \"block\" : \"inline-block\") : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "fullFieldLayout() ? \"100%\" : \"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "fullFieldLayout() ? \"entityLookup\" : \"inlineEntityLookup\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
15444
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: InlineEntityLookupComponent, isStandalone: true, selector: "pdx-inline-entity-lookup", inputs: { initialMetadata: "initialMetadata" }, host: { listeners: { "click": "onLookupHostClick($event)", "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.pdx-entity-lookup-host-block": "fullFieldLayout()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? (fullFieldLayout() ? \"block\" : \"inline-block\") : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "style.width": "fullFieldLayout() ? \"100%\" : \"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "fullFieldLayout() ? \"entityLookup\" : \"inlineEntityLookup\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
15099
15445
  GenericCrudService,
15100
15446
  {
15101
15447
  provide: NG_VALUE_ACCESSOR,
@@ -15112,12 +15458,15 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
15112
15458
  [class.pdx-entity-lookup-selected-card]="selectedCardLayout()"
15113
15459
  [class.pdx-entity-lookup-context-pending]="showFieldDependencyHint()"
15114
15460
  [class.pdx-entity-lookup-search-ready]="showFieldSearchHint()"
15115
- [floatLabel]="'auto'"
15461
+ [floatLabel]="fullFieldLayout() ? 'always' : 'auto'"
15116
15462
  [subscriptSizing]="'dynamic'"
15117
15463
  [hideRequiredMarker]="true"
15118
15464
  [style.--pdx-inline-entity-lookup-min-w.px]="inlineMinWidthPx || null"
15119
15465
  [style.--pdx-inline-entity-lookup-max-w.px]="inlineMaxWidthPx || null"
15120
15466
  >
15467
+ @if (fullFieldLayout()) {
15468
+ <mat-label>{{ fieldLabel() }}</mat-label>
15469
+ }
15121
15470
  <mat-select
15122
15471
  class="pdx-inline-entity-lookup-control"
15123
15472
  [panelClass]="selectPanelClasses()"
@@ -15225,19 +15574,6 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
15225
15574
  </mat-option>
15226
15575
  }
15227
15576
 
15228
- @if (hasSelection()) {
15229
- <mat-option class="pdx-panel-reset-option" (click)="onResetOptionClick($event)">
15230
- <span class="pdx-panel-reset-content">
15231
- <mat-icon
15232
- aria-hidden="true"
15233
- [color]="iconPalette(panelResetIconColor())"
15234
- [style.color]="iconResolvedColor(panelResetIconColor())"
15235
- >{{ panelResetIconName() }}</mat-icon>
15236
- {{ resetOptionText() }}
15237
- </span>
15238
- </mat-option>
15239
- }
15240
-
15241
15577
  <mat-select-trigger>
15242
15578
  @if (selectedCardLayout() && selectedLookupView(); as selected) {
15243
15579
  <span class="pdx-lookup-selected-card-trigger">
@@ -15619,11 +15955,6 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
15619
15955
  </span>
15620
15956
  }
15621
15957
  </span>
15622
- @if (isSelected(option)) {
15623
- <span class="pdx-lookup-option-check" aria-hidden="true">
15624
- <mat-icon>check</mat-icon>
15625
- </span>
15626
- }
15627
15958
  </span>
15628
15959
  }
15629
15960
  } @else {
@@ -15659,35 +15990,24 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
15659
15990
  </mat-option>
15660
15991
  }
15661
15992
 
15662
- @if (showLoadMore()) {
15663
- <div
15664
- class="pdx-panel-load-more"
15665
- [class.is-loading]="loading()"
15666
- (click)="onLoadMoreClick($event)"
15667
- >
15668
- @if (loading()) {
15669
- <div class="pdx-panel-load-more-loading" style="display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;">
15670
- <mat-progress-spinner
15671
- diameter="16"
15672
- mode="indeterminate"
15673
- [color]="materialColor()"
15674
- ></mat-progress-spinner>
15675
- <span>{{ loadingOptionsLabel() }}</span>
15676
- </div>
15677
- } @else {
15678
- {{ loadMoreOptionsLabel() }}
15679
- }
15680
- </div>
15681
- }
15682
-
15683
- @if (showEndReachedMessage()) {
15684
- <mat-option class="pdx-panel-end-option" disabled>
15685
- {{ endOfOptionsLabel() }}
15686
- </mat-option>
15687
- }
15993
+ <pdx-select-panel-actions
15994
+ [ariaLabel]="panelActionsAriaLabel()"
15995
+ [showClear]="hasSelection()"
15996
+ [clearLabel]="resetOptionText()"
15997
+ [clearIcon]="panelResetIconName()"
15998
+ [clearIconColor]="iconResolvedColor(panelResetIconColor())"
15999
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
16000
+ [loadMoreLabel]="loadMoreOptionsLabel()"
16001
+ [loadingLabel]="loadingOptionsLabel()"
16002
+ [loading]="loading()"
16003
+ [showEndReached]="showEndReachedMessage()"
16004
+ [endReachedLabel]="endOfOptionsLabel()"
16005
+ (clear)="onResetOptionClick($event)"
16006
+ (loadMore)="onLoadMoreClick($event)"
16007
+ />
15688
16008
  </mat-select>
15689
16009
  </mat-form-field>
15690
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}:host(.pdx-entity-lookup-host-block){display:block;width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-panel-dialog-content{display:inline-flex;align-items:start;gap:8px}.pdx-panel-dialog-copy{display:grid;gap:2px}.pdx-panel-dialog-copy strong{font-size:.88rem;line-height:1.2}.pdx-panel-dialog-copy small{color:var(--md-sys-color-on-surface-variant);font-size:.74rem;line-height:1.25}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:#dcfce7;color:#166534}.pdx-lookup-rich-field.is-info{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-lookup-rich-field.is-warning{background:#fef3c7;color:#92400e}.pdx-lookup-rich-field.is-danger{background:#fee2e2;color:#991b1b}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);color:var(--md-sys-color-primary);font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:54px;height:54px;min-width:54px;margin:14px 0 0 14px}.pdx-lookup-avatar-compact{width:32px;height:32px;min-width:32px;border-radius:8px;font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:6px 0;color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:2px;min-width:max-content;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:#fee2e2;color:#b91c1c}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:#dcfce7;color:#166534}.pdx-lookup-badge.is-warning{background:#fef3c7;color:#92400e}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:#fee2e2;color:#991b1b}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-selected-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:#b91c1c}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 40px;width:100%;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-selected-card.mat-mdc-form-field .mdc-notched-outline{display:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{width:auto!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-height:56px;padding:0 14px 0 0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--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-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var(--md-sys-color-on-surface-variant);opacity:.9}::ng-deep .pdx-inline-entity-lookup-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(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;min-width:0;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-entity-lookup-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-entity-lookup-panel .pdx-panel-search-icon{width:18px;height:18px;flex:0 0 18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-input{flex:1 1 auto;width:auto;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var(--md-sys-color-on-surface-variant);font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:6px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{font-size:.98rem;line-height:1.22;font-weight:760}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-check{display:inline-grid;place-items:center;width:28px;height:28px;min-width:28px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);color:var(--md-sys-color-primary)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-check mat-icon{width:18px;height:18px;font-size:18px;line-height:1}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-reset-option{min-height:44px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-reset-content{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--md-sys-color-primary)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-reset-content mat-icon{width:16px;height:16px;font-size:16px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-load-more{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;margin:6px 10px!important;padding:0 16px!important;border-radius:8px!important;font-size:.92rem!important;font-weight:700!important;color:var(--md-sys-color-primary)!important;cursor:pointer!important;transition:background-color .12s ease,transform 80ms ease!important;background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)!important;border:1px dashed color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)!important;text-align:center!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-load-more:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)!important;border-style:solid!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-load-more:active{transform:scale(.98)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-load-more.is-loading{cursor:default!important;pointer-events:none!important;opacity:.8!important;transform:none!important;background:color-mix(in srgb,var(--md-sys-color-primary) 4%,transparent)!important;border-color:color-mix(in srgb,var(--md-sys-color-primary) 15%,transparent)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: 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"] }] });
16010
+ `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-panel-dialog-content{display:inline-flex;align-items:start;gap:8px}.pdx-panel-dialog-copy{display:grid;gap:2px}.pdx-panel-dialog-copy strong{font-size:.88rem;line-height:1.2}.pdx-panel-dialog-copy small{color:var(--md-sys-color-on-surface-variant);font-size:.74rem;line-height:1.25}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534))}.pdx-lookup-rich-field.is-info{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e))}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b))}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var(--pdx-entity-lookup-avatar-text, var(--md-sys-color-primary));font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:2px;min-width:max-content;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c))}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534))}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e))}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b))}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high)) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix(in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent) );color:var(--pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e))}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high)) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent) );color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b))}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c))}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 40px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{width:auto!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0 14px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var(--pdx-entity-lookup-selected-compact-inline-start, 14px);max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var(--pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest))!important;color:var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface))!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var(--pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant));opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-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, var(--md-sys-color-surface-container-highest)) 72%,var(--pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high)))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-row{display:grid;grid-template-columns:18px minmax(5.5rem,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;min-width:0;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant)) 88%,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest)) 70%,var(--pdx-inline-panel-surface-raised, 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-entity-lookup-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-entity-lookup-panel .pdx-panel-search-icon{width:18px;height:18px;flex:0 0 18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface));font-size:.95rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant));opacity:.92}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var(--pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high)))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high)))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: 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"] }] });
15691
16011
  }
15692
16012
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineEntityLookupComponent, decorators: [{
15693
16013
  type: Component,
@@ -15700,6 +16020,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
15700
16020
  MatTooltipModule,
15701
16021
  MatIconModule,
15702
16022
  MatProgressSpinnerModule,
16023
+ SelectPanelActionsComponent,
15703
16024
  ], template: `
15704
16025
  <mat-form-field
15705
16026
  [appearance]="'outline'"
@@ -15710,12 +16031,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
15710
16031
  [class.pdx-entity-lookup-selected-card]="selectedCardLayout()"
15711
16032
  [class.pdx-entity-lookup-context-pending]="showFieldDependencyHint()"
15712
16033
  [class.pdx-entity-lookup-search-ready]="showFieldSearchHint()"
15713
- [floatLabel]="'auto'"
16034
+ [floatLabel]="fullFieldLayout() ? 'always' : 'auto'"
15714
16035
  [subscriptSizing]="'dynamic'"
15715
16036
  [hideRequiredMarker]="true"
15716
16037
  [style.--pdx-inline-entity-lookup-min-w.px]="inlineMinWidthPx || null"
15717
16038
  [style.--pdx-inline-entity-lookup-max-w.px]="inlineMaxWidthPx || null"
15718
16039
  >
16040
+ @if (fullFieldLayout()) {
16041
+ <mat-label>{{ fieldLabel() }}</mat-label>
16042
+ }
15719
16043
  <mat-select
15720
16044
  class="pdx-inline-entity-lookup-control"
15721
16045
  [panelClass]="selectPanelClasses()"
@@ -15823,19 +16147,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
15823
16147
  </mat-option>
15824
16148
  }
15825
16149
 
15826
- @if (hasSelection()) {
15827
- <mat-option class="pdx-panel-reset-option" (click)="onResetOptionClick($event)">
15828
- <span class="pdx-panel-reset-content">
15829
- <mat-icon
15830
- aria-hidden="true"
15831
- [color]="iconPalette(panelResetIconColor())"
15832
- [style.color]="iconResolvedColor(panelResetIconColor())"
15833
- >{{ panelResetIconName() }}</mat-icon>
15834
- {{ resetOptionText() }}
15835
- </span>
15836
- </mat-option>
15837
- }
15838
-
15839
16150
  <mat-select-trigger>
15840
16151
  @if (selectedCardLayout() && selectedLookupView(); as selected) {
15841
16152
  <span class="pdx-lookup-selected-card-trigger">
@@ -16217,11 +16528,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
16217
16528
  </span>
16218
16529
  }
16219
16530
  </span>
16220
- @if (isSelected(option)) {
16221
- <span class="pdx-lookup-option-check" aria-hidden="true">
16222
- <mat-icon>check</mat-icon>
16223
- </span>
16224
- }
16225
16531
  </span>
16226
16532
  }
16227
16533
  } @else {
@@ -16257,32 +16563,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
16257
16563
  </mat-option>
16258
16564
  }
16259
16565
 
16260
- @if (showLoadMore()) {
16261
- <div
16262
- class="pdx-panel-load-more"
16263
- [class.is-loading]="loading()"
16264
- (click)="onLoadMoreClick($event)"
16265
- >
16266
- @if (loading()) {
16267
- <div class="pdx-panel-load-more-loading" style="display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;">
16268
- <mat-progress-spinner
16269
- diameter="16"
16270
- mode="indeterminate"
16271
- [color]="materialColor()"
16272
- ></mat-progress-spinner>
16273
- <span>{{ loadingOptionsLabel() }}</span>
16274
- </div>
16275
- } @else {
16276
- {{ loadMoreOptionsLabel() }}
16277
- }
16278
- </div>
16279
- }
16280
-
16281
- @if (showEndReachedMessage()) {
16282
- <mat-option class="pdx-panel-end-option" disabled>
16283
- {{ endOfOptionsLabel() }}
16284
- </mat-option>
16285
- }
16566
+ <pdx-select-panel-actions
16567
+ [ariaLabel]="panelActionsAriaLabel()"
16568
+ [showClear]="hasSelection()"
16569
+ [clearLabel]="resetOptionText()"
16570
+ [clearIcon]="panelResetIconName()"
16571
+ [clearIconColor]="iconResolvedColor(panelResetIconColor())"
16572
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
16573
+ [loadMoreLabel]="loadMoreOptionsLabel()"
16574
+ [loadingLabel]="loadingOptionsLabel()"
16575
+ [loading]="loading()"
16576
+ [showEndReached]="showEndReachedMessage()"
16577
+ [endReachedLabel]="endOfOptionsLabel()"
16578
+ (clear)="onResetOptionClick($event)"
16579
+ (loadMore)="onLoadMoreClick($event)"
16580
+ />
16286
16581
  </mat-select>
16287
16582
  </mat-form-field>
16288
16583
  `, providers: [
@@ -16303,9 +16598,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
16303
16598
  '[attr.data-field-type]': 'fullFieldLayout() ? "entityLookup" : "inlineEntityLookup"',
16304
16599
  '[attr.data-field-name]': 'metadata()?.name',
16305
16600
  '[attr.data-component-id]': 'componentId()',
16306
- }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}:host(.pdx-entity-lookup-host-block){display:block;width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-panel-dialog-content{display:inline-flex;align-items:start;gap:8px}.pdx-panel-dialog-copy{display:grid;gap:2px}.pdx-panel-dialog-copy strong{font-size:.88rem;line-height:1.2}.pdx-panel-dialog-copy small{color:var(--md-sys-color-on-surface-variant);font-size:.74rem;line-height:1.25}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:#dcfce7;color:#166534}.pdx-lookup-rich-field.is-info{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-lookup-rich-field.is-warning{background:#fef3c7;color:#92400e}.pdx-lookup-rich-field.is-danger{background:#fee2e2;color:#991b1b}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);color:var(--md-sys-color-primary);font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:54px;height:54px;min-width:54px;margin:14px 0 0 14px}.pdx-lookup-avatar-compact{width:32px;height:32px;min-width:32px;border-radius:8px;font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:6px 0;color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:2px;min-width:max-content;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:#fee2e2;color:#b91c1c}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:#dcfce7;color:#166534}.pdx-lookup-badge.is-warning{background:#fef3c7;color:#92400e}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:#fee2e2;color:#991b1b}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.pdx-lookup-selected-note.is-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:#b91c1c}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 40px;width:100%;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-selected-card.mat-mdc-form-field .mdc-notched-outline{display:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{width:auto!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-height:56px;padding:0 14px 0 0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--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-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var(--md-sys-color-on-surface-variant);opacity:.9}::ng-deep .pdx-inline-entity-lookup-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(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;min-width:0;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-entity-lookup-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-entity-lookup-panel .pdx-panel-search-icon{width:18px;height:18px;flex:0 0 18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-input{flex:1 1 auto;width:auto;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var(--md-sys-color-on-surface-variant);font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var(--md-sys-color-on-surface)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:6px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{font-size:.98rem;line-height:1.22;font-weight:760}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-check{display:inline-grid;place-items:center;width:28px;height:28px;min-width:28px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent);color:var(--md-sys-color-primary)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-check mat-icon{width:18px;height:18px;font-size:18px;line-height:1}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-reset-option{min-height:44px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-reset-content{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--md-sys-color-primary)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-reset-content mat-icon{width:16px;height:16px;font-size:16px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-load-more{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;margin:6px 10px!important;padding:0 16px!important;border-radius:8px!important;font-size:.92rem!important;font-weight:700!important;color:var(--md-sys-color-primary)!important;cursor:pointer!important;transition:background-color .12s ease,transform 80ms ease!important;background:color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent)!important;border:1px dashed color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)!important;text-align:center!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-load-more:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)!important;border-style:solid!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-load-more:active{transform:scale(.98)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-load-more.is-loading{cursor:default!important;pointer-events:none!important;opacity:.8!important;transform:none!important;background:color-mix(in srgb,var(--md-sys-color-primary) 4%,transparent)!important;border-color:color-mix(in srgb,var(--md-sys-color-primary) 15%,transparent)!important}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
16601
+ }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host(.pdx-entity-lookup-host-block){display:block;width:100%;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;overflow:visible;font-size:20px;line-height:20px}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-token-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-remove mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-chip-token-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.75rem;font-weight:600}.pdx-panel-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 0}.pdx-panel-sort-control{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--md-sys-color-on-surface-variant)}.pdx-panel-sort-select{min-width:148px;min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:0 10px}.pdx-panel-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pdx-panel-filter-chip,.pdx-panel-filter-clear{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);padding:0 10px;cursor:pointer}.pdx-panel-filter-chip mat-icon{width:14px;height:14px;font-size:14px}.pdx-panel-filter-clear{border-style:dashed}.pdx-panel-dialog-content{display:inline-flex;align-items:start;gap:8px}.pdx-panel-dialog-copy{display:grid;gap:2px}.pdx-panel-dialog-copy strong{font-size:.88rem;line-height:1.2}.pdx-panel-dialog-copy small{color:var(--md-sys-color-on-surface-variant);font-size:.74rem;line-height:1.25}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-lookup-selected-card-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;max-width:none;min-height:116px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-main{display:grid;gap:8px;min-width:0;padding:14px 14px 10px 0}.pdx-lookup-selected-meta,.pdx-lookup-option-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-heading,.pdx-lookup-option-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.pdx-lookup-selected-heading small,.pdx-lookup-option-heading small{border-radius:6px;padding:2px 6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.2}.pdx-lookup-selected-heading strong,.pdx-lookup-option-heading strong{min-width:0;color:var(--md-sys-color-on-surface);font-size:1.08rem;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.pdx-lookup-description{min-width:0;color:var(--md-sys-color-on-surface-variant);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}.pdx-lookup-rich-fields{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.pdx-lookup-rich-fields.is-compact{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow:hidden;max-height:26px}.pdx-lookup-rich-fields.is-compact .pdx-lookup-rich-field{flex-shrink:0}.pdx-lookup-rich-field{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-rich-field mat-icon{width:14px;height:14px;min-width:14px;font-size:14px;line-height:1}.pdx-lookup-rich-field span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-lookup-rich-field small{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1}.pdx-lookup-rich-field.is-chip,.pdx-lookup-rich-field.is-badge{min-height:24px;border-radius:999px;padding:2px 8px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-weight:650}.pdx-lookup-rich-field.is-badge{border-radius:8px;font-weight:780}.pdx-lookup-rich-field.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534))}.pdx-lookup-rich-field.is-info{background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-lookup-rich-field.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e))}.pdx-lookup-rich-field.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b))}.pdx-lookup-avatar{display:inline-grid;place-items:center;width:var(--pdx-entity-lookup-avatar-size, 44px);height:var(--pdx-entity-lookup-avatar-size, 44px);min-width:var(--pdx-entity-lookup-avatar-size, 44px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);background:var( --pdx-entity-lookup-avatar-surface, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) );color:var(--pdx-entity-lookup-avatar-text, var(--md-sys-color-primary));font-size:.82rem;font-weight:800;line-height:1}.pdx-lookup-avatar-large{align-self:start;width:var(--pdx-entity-lookup-avatar-large-size, 54px);height:var(--pdx-entity-lookup-avatar-large-size, 54px);min-width:var(--pdx-entity-lookup-avatar-large-size, 54px);margin:var(--pdx-entity-lookup-avatar-large-margin, 14px 0 0 14px)}.pdx-lookup-avatar-compact{width:var(--pdx-entity-lookup-avatar-compact-size, 32px);height:var(--pdx-entity-lookup-avatar-compact-size, 32px);min-width:var(--pdx-entity-lookup-avatar-compact-size, 32px);border-radius:var(--pdx-entity-lookup-avatar-radius, 8px);font-size:.72rem}.pdx-lookup-selected-compact-trigger{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:56px;max-width:none;padding:var(--pdx-entity-lookup-selected-compact-padding, 6px 0);color:var(--md-sys-color-on-surface);box-sizing:border-box;overflow:hidden}.pdx-lookup-selected-compact-main{display:grid;gap:2px;min-width:0}.pdx-lookup-selected-compact-heading{display:flex;align-items:center;gap:8px;min-width:0}.pdx-lookup-selected-compact-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface);font-size:.98rem;font-weight:700;line-height:1.25}.pdx-lookup-selected-compact-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:.8rem;line-height:1.25}.pdx-lookup-selected-compact-actions{display:inline-flex;align-items:center;gap:2px;min-width:max-content;opacity:0;transition:opacity .15s ease}:host:hover .pdx-lookup-selected-compact-actions,:host:focus-within .pdx-lookup-selected-compact-actions{opacity:1}.pdx-lookup-icon-action{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.pdx-lookup-icon-action:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent);color:var(--md-sys-color-primary)}.pdx-lookup-icon-action.is-danger:hover{background:var( --pdx-entity-lookup-danger-surface, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c))}.pdx-lookup-icon-action mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.pdx-lookup-badge,.pdx-lookup-disabled-reason{display:inline-flex;align-items:center;min-height:22px;border-radius:8px;padding:2px 8px;font-size:.73rem;font-weight:800;line-height:1.2}.pdx-lookup-badge.is-success{background:var( --pdx-entity-lookup-success-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #16a34a) 16%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-success-text, var(--md-sys-color-tertiary, #166534))}.pdx-lookup-badge.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e))}.pdx-lookup-badge.is-danger,.pdx-lookup-disabled-reason{background:var( --pdx-entity-lookup-danger-surface, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high)) );color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b))}.pdx-lookup-badge.is-neutral{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant)}.pdx-lookup-disabled-reason{font-style:italic;font-weight:600}.pdx-lookup-selected-note{display:grid;gap:2px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid transparent;font-size:.78rem;line-height:1.35}.pdx-lookup-selected-note strong{font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.pdx-lookup-selected-note.is-warning{background:var( --pdx-entity-lookup-warning-surface, color-mix(in srgb, var(--md-sys-color-tertiary, #f59e0b) 18%, var(--md-sys-color-surface-container-high)) );border-color:var( --pdx-entity-lookup-warning-outline, color-mix(in srgb, var(--md-sys-color-tertiary, #f59e0b) 42%, transparent) );color:var(--pdx-entity-lookup-warning-text, var(--md-sys-color-tertiary, #92400e))}.pdx-lookup-selected-note.is-danger{background:var( --pdx-entity-lookup-danger-surface, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 14%, var(--md-sys-color-surface-container-high)) );border-color:var( --pdx-entity-lookup-danger-outline, color-mix(in srgb, var(--md-sys-color-error, #dc2626) 34%, transparent) );color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #991b1b))}.pdx-lookup-selected-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--md-sys-color-outline-variant);padding:10px 14px;background:var(--md-sys-color-surface-container)}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-lookup-selected-actions-main{min-width:0;flex:1 1 auto}.pdx-lookup-selected-actions-danger{margin-left:auto}.pdx-lookup-action{min-height:32px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;padding:0 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.pdx-lookup-action:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.pdx-lookup-action.is-danger{margin-left:auto;border-color:transparent;color:var(--pdx-entity-lookup-danger-text, var(--md-sys-color-error, #b91c1c))}.pdx-lookup-empty-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 0;color:var(--md-sys-color-on-surface-variant);box-sizing:border-box}.pdx-lookup-empty-leading{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.pdx-lookup-empty-trigger.is-dependency-pending .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-tertiary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-tertiary)}.pdx-lookup-empty-trigger.is-search-ready .pdx-lookup-empty-leading{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high))}.pdx-lookup-empty-leading mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-lookup-empty-copy{display:grid;gap:4px;min-width:0;flex:1 1 auto}.pdx-lookup-empty-label{display:inline-flex;align-items:center;min-width:0;color:inherit;font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-supporting,.pdx-lookup-empty-context{display:block;min-width:0;font-size:.82rem;line-height:1.3;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdx-lookup-empty-context{font-size:.75rem}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-context-pending .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-tertiary) 58%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__leading,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__notch,:host ::ng-deep .pdx-inline-entity-lookup.pdx-entity-lookup-search-ready .mdc-notched-outline__trailing{border-color:color-mix(in srgb,var(--md-sys-color-primary) 46%,var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-entity-lookup:not(.pdx-entity-lookup-rich) .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich.mat-mdc-form-field,:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field{width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select{--pdx-entity-lookup-arrow-zone: 40px;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-flex{min-height:56px;min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:56px;border-radius:8px;overflow:hidden!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-trigger{width:100%;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline{display:flex}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__trailing{border-color:var(--md-sys-color-outline)}:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__leading,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__notch,:host ::ng-deep .pdx-entity-lookup-rich.mat-focused .mdc-notched-outline__trailing{border-color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-inline-entity-lookup .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-entity-lookup-rich .mdc-notched-outline__notch{width:auto!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-form-field-infix{width:100%;min-width:0;max-width:100%;min-height:56px;padding:0 14px 0 0;box-sizing:border-box}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-trigger{padding-inline-start:var(--pdx-entity-lookup-selected-compact-inline-start, 14px);max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .pdx-lookup-selected-compact-actions{opacity:1}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-arrow-wrapper{display:flex;align-self:stretch;align-items:center;justify-content:center;width:var(--pdx-entity-lookup-arrow-zone);min-width:var(--pdx-entity-lookup-arrow-zone);min-height:56px;margin-right:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone));min-width:0;max-width:100%;box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:flex;align-items:center;width:100%;min-height:54px;min-inline-size:0;max-width:none}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:calc(100% - var(--pdx-entity-lookup-arrow-zone, 40px));min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{width:100%;min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:100%;min-inline-size:0;max-width:none;min-height:52px;padding-right:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low)}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel)){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .cdk-overlay-pane:has(.pdx-entity-lookup-panel){z-index:var(--praxis-layer-popup, 1400)!important;min-width:0!important;max-width:calc(100vw - 24px)!important;border-radius:8px!important;overflow:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel{max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:8px!important;overflow:hidden!important;border:1px solid var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant))!important;background:var(--pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest))!important;color:var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface))!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-entity-lookup-panel:not(.pdx-entity-lookup-panel){min-width:min(420px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel{min-width:0!important;width:100%!important;max-width:100%!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel{border-radius:8px!important;overflow-y:auto!important;scroll-padding-top:64px!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 24%,transparent) transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar{width:10px!important;height:10px!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-track{background:transparent!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 24%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep div.mat-mdc-select-panel.pdx-inline-entity-lookup-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 40%,transparent)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:58px;padding-inline:14px;font-size:1rem}::ng-deep .pdx-inline-entity-lookup-panel.pdx-entity-lookup-panel .mat-mdc-option{min-height:64px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var(--pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant));opacity:.9}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-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, var(--md-sys-color-surface-container-highest)) 72%,var(--pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high)))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-row{display:grid;grid-template-columns:18px minmax(5.5rem,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;min-width:0;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline, var(--md-sys-color-outline-variant)) 88%,var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface)) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface, var(--md-sys-color-surface-container-highest)) 70%,var(--pdx-inline-panel-surface-raised, 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-entity-lookup-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-entity-lookup-panel .pdx-panel-search-icon{width:18px;height:18px;flex:0 0 18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface));font-size:.95rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant));opacity:.92}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-result-count{flex:0 0 auto;color:var(--pdx-inline-panel-on-surface-muted, var(--md-sys-color-on-surface-variant));font-size:.78rem;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-directory{padding:5px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-reference{grid-template-columns:minmax(0,1fr) auto}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.95}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-option-heading strong{color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-avatar{background:color-mix(in srgb,var(--md-sys-color-outline) 10%,transparent);color:var(--md-sys-color-outline)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled .pdx-lookup-description{color:color-mix(in srgb,var(--md-sys-color-outline) 80%,transparent)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:.76rem;line-height:1.3;margin-top:4px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-warning{background:#fffbeb;color:#92400e}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-note.is-danger{background:#fef2f2;color:#991b1b}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-selected{color:var(--pdx-inline-panel-on-surface, var(--md-sys-color-on-surface))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:4px;min-width:0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-avatar{width:38px;height:38px;min-width:38px;border-radius:8px;font-size:.76rem}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading{gap:6px}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-heading strong{display:-webkit-box;overflow:hidden;font-size:.98rem;line-height:1.22;font-weight:760;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-fields{gap:5px;flex-wrap:nowrap;max-height:24px;overflow:hidden}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field{font-size:.78rem;line-height:1.18}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-chip,::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-rich-field.is-badge{min-height:22px;padding:2px 7px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option.mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high)))}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-empty-option .mdc-list-item__primary-text,::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-error-option .mdc-list-item__primary-text{color:var(--md-sys-color-error)}::ng-deep .pdx-inline-entity-lookup-panel .mdc-list-item--selected{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--pdx-inline-panel-surface-raised, var(--md-sys-color-surface-container-high)))}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}.pdx-lookup-selected-card-trigger{width:100%;min-height:auto;grid-template-columns:minmax(0,1fr)}.pdx-lookup-avatar-large{width:46px;height:46px;min-width:46px;margin:12px 0 0 12px}.pdx-lookup-selected-main{gap:6px;padding:0 12px 10px}.pdx-lookup-selected-heading strong{font-size:1rem;line-height:1.25}.pdx-lookup-description{font-size:.82rem;line-height:1.3}.pdx-lookup-selected-actions{gap:10px;justify-content:flex-start;padding:8px 12px 12px}.pdx-lookup-selected-actions-main,.pdx-lookup-selected-actions-danger{width:100%}.pdx-lookup-selected-actions-main .pdx-lookup-action{flex:1 1 calc(50% - 4px);text-align:center}.pdx-lookup-selected-actions-danger{margin-left:0}.pdx-lookup-selected-actions-danger .pdx-lookup-action{width:100%;text-align:center}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
16307
16602
  }], propDecorators: { initialMetadata: [{
16308
16603
  type: Input
16604
+ }], onLookupHostClick: [{
16605
+ type: HostListener,
16606
+ args: ['click', ['$event']]
16309
16607
  }], onViewportResize: [{
16310
16608
  type: HostListener,
16311
16609
  args: ['window:resize']
@@ -17358,13 +17656,16 @@ class EntityLookupDialogComponent {
17358
17656
  </div>
17359
17657
 
17360
17658
 
17361
- @if (lookup().showLoadMore()) {
17362
- <div class="pdx-lookup-dialog-footer-row" data-testid="entity-lookup-dialog-footer">
17363
- <button mat-stroked-button type="button" (click)="loadMore()">
17364
- {{ lookup().loadMoreOptionsLabel() }}
17365
- </button>
17366
- </div>
17367
- }
17659
+ <div class="pdx-lookup-dialog-footer-row" data-testid="entity-lookup-dialog-footer">
17660
+ <pdx-select-panel-actions
17661
+ [ariaLabel]="lookup().panelActionsAriaLabel()"
17662
+ [showLoadMore]="lookup().showLoadMore() || (lookup().loading() && lookup().options().length > 0)"
17663
+ [loadMoreLabel]="lookup().loadMoreOptionsLabel()"
17664
+ [loadingLabel]="lookup().loadingOptionsLabel()"
17665
+ [loading]="lookup().loading()"
17666
+ (loadMore)="loadMore()"
17667
+ />
17668
+ </div>
17368
17669
 
17369
17670
  <div class="pdx-lookup-dialog-runtime-host" aria-hidden="true" data-testid="entity-lookup-dialog-runtime-host">
17370
17671
  <pdx-inline-entity-lookup [initialMetadata]="data.metadata"></pdx-inline-entity-lookup>
@@ -17378,7 +17679,7 @@ class EntityLookupDialogComponent {
17378
17679
  {{ applyText() }}
17379
17680
  </button>
17380
17681
  </mat-dialog-actions>
17381
- `, isInline: true, styles: [".pdx-lookup-dialog-toolbar{display:flex;flex-wrap:wrap;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{flex:1 1 320px}.pdx-lookup-dialog-sort{display:inline-flex;align-items:center;gap:8px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{min-width:180px;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{flex-direction:column;align-items:stretch}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%;flex:1 1 auto}.pdx-lookup-dialog-sort{min-height:0;flex-direction:column;align-items:stretch}.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-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: "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"] }] });
17682
+ `, isInline: true, styles: [".pdx-lookup-dialog-toolbar{display:flex;flex-wrap:wrap;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{flex:1 1 320px}.pdx-lookup-dialog-sort{display:inline-flex;align-items:center;gap:8px;min-height:56px;color:var(--md-sys-color-on-surface-variant);font-size:.85rem}.pdx-lookup-dialog-sort select{min-width:180px;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{flex-direction:column;align-items:stretch}.pdx-lookup-dialog-search,.pdx-lookup-dialog-sort{width:100%;flex:1 1 auto}.pdx-lookup-dialog-sort{min-height:0;flex-direction:column;align-items:stretch}.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-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: "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"] }] });
17382
17683
  }
17383
17684
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EntityLookupDialogComponent, decorators: [{
17384
17685
  type: Component,
@@ -17392,6 +17693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
17392
17693
  MatIconModule,
17393
17694
  MatProgressSpinnerModule,
17394
17695
  InlineEntityLookupComponent,
17696
+ SelectPanelActionsComponent,
17395
17697
  ], template: `
17396
17698
  <h2 mat-dialog-title>{{ data.title || data.metadata.label }}</h2>
17397
17699
  <mat-dialog-content data-testid="entity-lookup-dialog">
@@ -17760,13 +18062,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
17760
18062
  </div>
17761
18063
 
17762
18064
 
17763
- @if (lookup().showLoadMore()) {
17764
- <div class="pdx-lookup-dialog-footer-row" data-testid="entity-lookup-dialog-footer">
17765
- <button mat-stroked-button type="button" (click)="loadMore()">
17766
- {{ lookup().loadMoreOptionsLabel() }}
17767
- </button>
17768
- </div>
17769
- }
18065
+ <div class="pdx-lookup-dialog-footer-row" data-testid="entity-lookup-dialog-footer">
18066
+ <pdx-select-panel-actions
18067
+ [ariaLabel]="lookup().panelActionsAriaLabel()"
18068
+ [showLoadMore]="lookup().showLoadMore() || (lookup().loading() && lookup().options().length > 0)"
18069
+ [loadMoreLabel]="lookup().loadMoreOptionsLabel()"
18070
+ [loadingLabel]="lookup().loadingOptionsLabel()"
18071
+ [loading]="lookup().loading()"
18072
+ (loadMore)="loadMore()"
18073
+ />
18074
+ </div>
17770
18075
 
17771
18076
  <div class="pdx-lookup-dialog-runtime-host" aria-hidden="true" data-testid="entity-lookup-dialog-runtime-host">
17772
18077
  <pdx-inline-entity-lookup [initialMetadata]="data.metadata"></pdx-inline-entity-lookup>
@@ -26737,6 +27042,11 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
26737
27042
  !this.loading() &&
26738
27043
  !this.endReached());
26739
27044
  }
27045
+ onPanelSearchKeydown(event) {
27046
+ if (!focusFirstSelectPanelAction(event)) {
27047
+ event.stopPropagation();
27048
+ }
27049
+ }
26740
27050
  shouldRenderOpenSentinel() {
26741
27051
  return (!!this.resourcePath() &&
26742
27052
  this.initialLoadStrategy !== 'none' &&
@@ -26753,10 +27063,6 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
26753
27063
  }
26754
27064
  return resp.content.length < this.pageSize();
26755
27065
  }
26756
- onLoadMorePointerDown(event) {
26757
- event.preventDefault();
26758
- event.stopPropagation();
26759
- }
26760
27066
  onLoadMoreInteraction(event) {
26761
27067
  event.preventDefault();
26762
27068
  event.stopPropagation();
@@ -26877,7 +27183,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
26877
27183
  type="text"
26878
27184
  [attr.aria-label]="searchInputAriaLabel()"
26879
27185
  (input)="onSearchInputEvent($event)"
26880
- (keydown)="$event.stopPropagation()"
27186
+ (keydown)="onPanelSearchKeydown($event)"
26881
27187
  [placeholder]="searchInputPlaceholder()"
26882
27188
  [disabled]="isInteractionDisabled()"
26883
27189
  [readOnly]="isReadonlyEffective() || presentationMode"
@@ -26902,25 +27208,17 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
26902
27208
  aria-hidden="true"
26903
27209
  ></mat-option>
26904
27210
  }
26905
- @if (showLoadMore()) {
26906
- <div
26907
- class="pdx-select-load-more-action"
26908
- role="button"
26909
- tabindex="0"
26910
- [attr.aria-disabled]="isInteractionDisabled()"
26911
- (pointerdown)="onLoadMorePointerDown($event)"
26912
- (click)="onLoadMoreInteraction($event)"
26913
- (keydown.enter)="onLoadMoreInteraction($event)"
26914
- (keydown.space)="onLoadMoreInteraction($event)"
26915
- >
26916
- {{ loadMoreOptionsLabel() }}
26917
- </div>
26918
- }
26919
- @if (endReached() && options().length === 0) {
26920
- <mat-option disabled>{{
26921
- endOfOptionsLabel()
26922
- }}</mat-option>
26923
- }
27211
+ <pdx-select-panel-actions
27212
+ [ariaLabel]="selectPanelActionsAriaLabel()"
27213
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
27214
+ [loadMoreLabel]="loadMoreOptionsLabel()"
27215
+ [loadingLabel]="loadingOptionsLabel()"
27216
+ [loading]="loading()"
27217
+ [showEndReached]="endReached() && options().length === 0"
27218
+ [endReachedLabel]="endOfOptionsLabel()"
27219
+ [disabled]="isInteractionDisabled()"
27220
+ (loadMore)="onLoadMoreInteraction($event)"
27221
+ />
26924
27222
  </mat-select>
26925
27223
  } @else {
26926
27224
  <mat-select
@@ -26948,7 +27246,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
26948
27246
  type="text"
26949
27247
  [attr.aria-label]="searchInputAriaLabel()"
26950
27248
  (input)="onSearchInputEvent($event)"
26951
- (keydown)="$event.stopPropagation()"
27249
+ (keydown)="onPanelSearchKeydown($event)"
26952
27250
  [placeholder]="searchInputPlaceholder()"
26953
27251
  [disabled]="isInteractionDisabled()"
26954
27252
  [readOnly]="isReadonlyEffective() || presentationMode"
@@ -26981,25 +27279,17 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
26981
27279
  aria-hidden="true"
26982
27280
  ></mat-option>
26983
27281
  }
26984
- @if (showLoadMore()) {
26985
- <div
26986
- class="pdx-select-load-more-action"
26987
- role="button"
26988
- tabindex="0"
26989
- [attr.aria-disabled]="isInteractionDisabled()"
26990
- (pointerdown)="onLoadMorePointerDown($event)"
26991
- (click)="onLoadMoreInteraction($event)"
26992
- (keydown.enter)="onLoadMoreInteraction($event)"
26993
- (keydown.space)="onLoadMoreInteraction($event)"
26994
- >
26995
- {{ loadMoreOptionsLabel() }}
26996
- </div>
26997
- }
26998
- @if (endReached() && options().length === 0) {
26999
- <mat-option disabled>{{
27000
- endOfOptionsLabel()
27001
- }}</mat-option>
27002
- }
27282
+ <pdx-select-panel-actions
27283
+ [ariaLabel]="selectPanelActionsAriaLabel()"
27284
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
27285
+ [loadMoreLabel]="loadMoreOptionsLabel()"
27286
+ [loadingLabel]="loadingOptionsLabel()"
27287
+ [loading]="loading()"
27288
+ [showEndReached]="endReached() && options().length === 0"
27289
+ [endReachedLabel]="endOfOptionsLabel()"
27290
+ [disabled]="isInteractionDisabled()"
27291
+ (loadMore)="onLoadMoreInteraction($event)"
27292
+ />
27003
27293
  </mat-select>
27004
27294
  }
27005
27295
 
@@ -27050,7 +27340,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
27050
27340
  <mat-hint>{{ fieldHelpInlineText() }}</mat-hint>
27051
27341
  }
27052
27342
  </mat-form-field>
27053
- `, isInline: true, styles: [".pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-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-load-more-action{display:flex;align-items:center;min-height:48px;padding:0 16px;color:var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface));cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}::ng-deep .pdx-material-searchable-select-panel .pdx-select-load-more-action:hover,::ng-deep .pdx-material-searchable-select-panel .pdx-select-load-more-action:focus-visible{background:var(--pdx-overlay-state-layer, var(--md-sys-color-surface-container-high))}::ng-deep .pdx-material-searchable-select-panel .pdx-select-load-more-action[aria-disabled=true]{cursor:default;opacity:.48;pointer-events:none}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: 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: 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"] }] });
27343
+ `, isInline: true, styles: [".pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-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: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: 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: 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"] }] });
27054
27344
  }
27055
27345
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSearchableSelectComponent, decorators: [{
27056
27346
  type: Component,
@@ -27063,7 +27353,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27063
27353
  MatSelectModule,
27064
27354
  MatInputModule,
27065
27355
  MatProgressSpinnerModule,
27066
- MatTooltipModule
27356
+ MatTooltipModule,
27357
+ SelectPanelActionsComponent
27067
27358
  ], template: `
27068
27359
  <mat-form-field
27069
27360
  [appearance]="materialAppearance()"
@@ -27101,7 +27392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27101
27392
  type="text"
27102
27393
  [attr.aria-label]="searchInputAriaLabel()"
27103
27394
  (input)="onSearchInputEvent($event)"
27104
- (keydown)="$event.stopPropagation()"
27395
+ (keydown)="onPanelSearchKeydown($event)"
27105
27396
  [placeholder]="searchInputPlaceholder()"
27106
27397
  [disabled]="isInteractionDisabled()"
27107
27398
  [readOnly]="isReadonlyEffective() || presentationMode"
@@ -27126,25 +27417,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27126
27417
  aria-hidden="true"
27127
27418
  ></mat-option>
27128
27419
  }
27129
- @if (showLoadMore()) {
27130
- <div
27131
- class="pdx-select-load-more-action"
27132
- role="button"
27133
- tabindex="0"
27134
- [attr.aria-disabled]="isInteractionDisabled()"
27135
- (pointerdown)="onLoadMorePointerDown($event)"
27136
- (click)="onLoadMoreInteraction($event)"
27137
- (keydown.enter)="onLoadMoreInteraction($event)"
27138
- (keydown.space)="onLoadMoreInteraction($event)"
27139
- >
27140
- {{ loadMoreOptionsLabel() }}
27141
- </div>
27142
- }
27143
- @if (endReached() && options().length === 0) {
27144
- <mat-option disabled>{{
27145
- endOfOptionsLabel()
27146
- }}</mat-option>
27147
- }
27420
+ <pdx-select-panel-actions
27421
+ [ariaLabel]="selectPanelActionsAriaLabel()"
27422
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
27423
+ [loadMoreLabel]="loadMoreOptionsLabel()"
27424
+ [loadingLabel]="loadingOptionsLabel()"
27425
+ [loading]="loading()"
27426
+ [showEndReached]="endReached() && options().length === 0"
27427
+ [endReachedLabel]="endOfOptionsLabel()"
27428
+ [disabled]="isInteractionDisabled()"
27429
+ (loadMore)="onLoadMoreInteraction($event)"
27430
+ />
27148
27431
  </mat-select>
27149
27432
  } @else {
27150
27433
  <mat-select
@@ -27172,7 +27455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27172
27455
  type="text"
27173
27456
  [attr.aria-label]="searchInputAriaLabel()"
27174
27457
  (input)="onSearchInputEvent($event)"
27175
- (keydown)="$event.stopPropagation()"
27458
+ (keydown)="onPanelSearchKeydown($event)"
27176
27459
  [placeholder]="searchInputPlaceholder()"
27177
27460
  [disabled]="isInteractionDisabled()"
27178
27461
  [readOnly]="isReadonlyEffective() || presentationMode"
@@ -27205,25 +27488,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27205
27488
  aria-hidden="true"
27206
27489
  ></mat-option>
27207
27490
  }
27208
- @if (showLoadMore()) {
27209
- <div
27210
- class="pdx-select-load-more-action"
27211
- role="button"
27212
- tabindex="0"
27213
- [attr.aria-disabled]="isInteractionDisabled()"
27214
- (pointerdown)="onLoadMorePointerDown($event)"
27215
- (click)="onLoadMoreInteraction($event)"
27216
- (keydown.enter)="onLoadMoreInteraction($event)"
27217
- (keydown.space)="onLoadMoreInteraction($event)"
27218
- >
27219
- {{ loadMoreOptionsLabel() }}
27220
- </div>
27221
- }
27222
- @if (endReached() && options().length === 0) {
27223
- <mat-option disabled>{{
27224
- endOfOptionsLabel()
27225
- }}</mat-option>
27226
- }
27491
+ <pdx-select-panel-actions
27492
+ [ariaLabel]="selectPanelActionsAriaLabel()"
27493
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
27494
+ [loadMoreLabel]="loadMoreOptionsLabel()"
27495
+ [loadingLabel]="loadingOptionsLabel()"
27496
+ [loading]="loading()"
27497
+ [showEndReached]="endReached() && options().length === 0"
27498
+ [endReachedLabel]="endOfOptionsLabel()"
27499
+ [disabled]="isInteractionDisabled()"
27500
+ (loadMore)="onLoadMoreInteraction($event)"
27501
+ />
27227
27502
  </mat-select>
27228
27503
  }
27229
27504
 
@@ -27291,7 +27566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27291
27566
  '[attr.data-field-type]': '"searchable-select"',
27292
27567
  '[attr.data-field-name]': 'metadata()?.name',
27293
27568
  '[attr.data-component-id]': 'componentId()',
27294
- }, styles: [".pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-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-load-more-action{display:flex;align-items:center;min-height:48px;padding:0 16px;color:var(--pdx-overlay-on-surface, var(--md-sys-color-on-surface));cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}::ng-deep .pdx-material-searchable-select-panel .pdx-select-load-more-action:hover,::ng-deep .pdx-material-searchable-select-panel .pdx-select-load-more-action:focus-visible{background:var(--pdx-overlay-state-layer, var(--md-sys-color-surface-container-high))}::ng-deep .pdx-material-searchable-select-panel .pdx-select-load-more-action[aria-disabled=true]{cursor:default;opacity:.48;pointer-events:none}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
27569
+ }, styles: [".pdx-field-help-icon{border-radius:999px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-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"] }]
27295
27570
  }], propDecorators: { readonlyMode: [{
27296
27571
  type: Input
27297
27572
  }], disabledMode: [{
@@ -27400,6 +27675,11 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
27400
27675
  showLoadMore() {
27401
27676
  return !!this.resourcePath() && !this.loading() && !this.endReached();
27402
27677
  }
27678
+ onPanelSearchKeydown(event) {
27679
+ if (!focusFirstSelectPanelAction(event)) {
27680
+ event.stopPropagation();
27681
+ }
27682
+ }
27403
27683
  showEndReachedMessage() {
27404
27684
  return !!this.resourcePath() && this.endReached() && this.options().length === 0;
27405
27685
  }
@@ -27588,7 +27868,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
27588
27868
  [placeholder]="searchPlaceholderText()"
27589
27869
  [attr.aria-label]="searchInputAriaLabel()"
27590
27870
  (input)="onSearchInputEvent($event)"
27591
- (keydown)="$event.stopPropagation()"
27871
+ (keydown)="onPanelSearchKeydown($event)"
27592
27872
  (click)="$event.stopPropagation()"
27593
27873
  />
27594
27874
  </div>
@@ -27654,17 +27934,16 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
27654
27934
  </mat-option>
27655
27935
  }
27656
27936
 
27657
- @if (showLoadMore()) {
27658
- <mat-option class="pdx-panel-load-more" (click)="onLoadMoreClick($event)">
27659
- {{ loadMoreOptionsLabel() }}
27660
- </mat-option>
27661
- }
27662
-
27663
- @if (showEndReachedMessage()) {
27664
- <mat-option class="pdx-panel-end-option" disabled>
27665
- {{ endOfOptionsLabel() }}
27666
- </mat-option>
27667
- }
27937
+ <pdx-select-panel-actions
27938
+ [ariaLabel]="selectPanelActionsAriaLabel()"
27939
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
27940
+ [loadMoreLabel]="loadMoreOptionsLabel()"
27941
+ [loadingLabel]="loadingOptionsLabel()"
27942
+ [loading]="loading()"
27943
+ [showEndReached]="showEndReachedMessage()"
27944
+ [endReachedLabel]="endOfOptionsLabel()"
27945
+ (loadMore)="onLoadMoreClick($event)"
27946
+ />
27668
27947
  </mat-select>
27669
27948
  @if (chipTrailingIcon()) {
27670
27949
  <mat-icon
@@ -27679,7 +27958,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
27679
27958
  </mat-icon>
27680
27959
  }
27681
27960
  </mat-form-field>
27682
- `, 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;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-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::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}@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: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: 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"] }] });
27961
+ `, 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;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}@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: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: 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"] }] });
27683
27962
  }
27684
27963
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineSearchableSelectComponent, decorators: [{
27685
27964
  type: Component,
@@ -27690,7 +27969,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27690
27969
  MatInputModule,
27691
27970
  MatTooltipModule,
27692
27971
  MatIconModule,
27693
- MatProgressSpinnerModule
27972
+ MatProgressSpinnerModule,
27973
+ SelectPanelActionsComponent
27694
27974
  ], template: `
27695
27975
  <mat-form-field
27696
27976
  [appearance]="'outline'"
@@ -27750,7 +28030,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27750
28030
  [placeholder]="searchPlaceholderText()"
27751
28031
  [attr.aria-label]="searchInputAriaLabel()"
27752
28032
  (input)="onSearchInputEvent($event)"
27753
- (keydown)="$event.stopPropagation()"
28033
+ (keydown)="onPanelSearchKeydown($event)"
27754
28034
  (click)="$event.stopPropagation()"
27755
28035
  />
27756
28036
  </div>
@@ -27816,17 +28096,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27816
28096
  </mat-option>
27817
28097
  }
27818
28098
 
27819
- @if (showLoadMore()) {
27820
- <mat-option class="pdx-panel-load-more" (click)="onLoadMoreClick($event)">
27821
- {{ loadMoreOptionsLabel() }}
27822
- </mat-option>
27823
- }
27824
-
27825
- @if (showEndReachedMessage()) {
27826
- <mat-option class="pdx-panel-end-option" disabled>
27827
- {{ endOfOptionsLabel() }}
27828
- </mat-option>
27829
- }
28099
+ <pdx-select-panel-actions
28100
+ [ariaLabel]="selectPanelActionsAriaLabel()"
28101
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
28102
+ [loadMoreLabel]="loadMoreOptionsLabel()"
28103
+ [loadingLabel]="loadingOptionsLabel()"
28104
+ [loading]="loading()"
28105
+ [showEndReached]="showEndReachedMessage()"
28106
+ [endReachedLabel]="endOfOptionsLabel()"
28107
+ (loadMore)="onLoadMoreClick($event)"
28108
+ />
27830
28109
  </mat-select>
27831
28110
  @if (chipTrailingIcon()) {
27832
28111
  <mat-icon
@@ -27858,7 +28137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
27858
28137
  '[attr.data-field-type]': '"inlineSearchableSelect"',
27859
28138
  '[attr.data-field-name]': 'metadata()?.name',
27860
28139
  '[attr.data-component-id]': 'componentId()',
27861
- }, 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;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-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-searchable-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::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}@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"] }]
28140
+ }, 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;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}@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"] }]
27862
28141
  }], propDecorators: { onViewportResize: [{
27863
28142
  type: HostListener,
27864
28143
  args: ['window:resize']
@@ -27974,6 +28253,11 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
27974
28253
  showLoadMore() {
27975
28254
  return !!this.resourcePath() && !this.loading() && !this.endReached();
27976
28255
  }
28256
+ onPanelSearchKeydown(event) {
28257
+ if (!focusFirstSelectPanelAction(event)) {
28258
+ event.stopPropagation();
28259
+ }
28260
+ }
27977
28261
  showEndReachedMessage() {
27978
28262
  return !!this.resourcePath() && this.endReached() && this.options().length === 0;
27979
28263
  }
@@ -28204,7 +28488,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
28204
28488
  [placeholder]="searchPlaceholderText()"
28205
28489
  [attr.aria-label]="searchInputAriaLabel()"
28206
28490
  (input)="onSearchInputEvent($event)"
28207
- (keydown)="$event.stopPropagation()"
28491
+ (keydown)="onPanelSearchKeydown($event)"
28208
28492
  (click)="$event.stopPropagation()"
28209
28493
  />
28210
28494
  </div>
@@ -28269,17 +28553,16 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
28269
28553
  </mat-option>
28270
28554
  }
28271
28555
 
28272
- @if (showLoadMore()) {
28273
- <mat-option class="pdx-panel-load-more" (click)="onLoadMoreClick($event)">
28274
- {{ loadMoreOptionsLabel() }}
28275
- </mat-option>
28276
- }
28277
-
28278
- @if (showEndReachedMessage()) {
28279
- <mat-option class="pdx-panel-end-option" disabled>
28280
- {{ endOfOptionsLabel() }}
28281
- </mat-option>
28282
- }
28556
+ <pdx-select-panel-actions
28557
+ [ariaLabel]="selectPanelActionsAriaLabel()"
28558
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
28559
+ [loadMoreLabel]="loadMoreOptionsLabel()"
28560
+ [loadingLabel]="loadingOptionsLabel()"
28561
+ [loading]="loading()"
28562
+ [showEndReached]="showEndReachedMessage()"
28563
+ [endReachedLabel]="endOfOptionsLabel()"
28564
+ (loadMore)="onLoadMoreClick($event)"
28565
+ />
28283
28566
  </mat-select>
28284
28567
  @if (chipTrailingIcon()) {
28285
28568
  <mat-icon
@@ -28294,7 +28577,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
28294
28577
  </mat-icon>
28295
28578
  }
28296
28579
  </mat-form-field>
28297
- `, 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;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 .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-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::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}@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: 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: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: 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"] }] });
28580
+ `, 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;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 .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}@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: 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: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: 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"] }] });
28298
28581
  }
28299
28582
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineAsyncSelectComponent, decorators: [{
28300
28583
  type: Component,
@@ -28305,7 +28588,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28305
28588
  MatInputModule,
28306
28589
  MatTooltipModule,
28307
28590
  MatIconModule,
28308
- MatProgressSpinnerModule
28591
+ MatProgressSpinnerModule,
28592
+ SelectPanelActionsComponent
28309
28593
  ], template: `
28310
28594
  <mat-form-field
28311
28595
  [appearance]="'outline'"
@@ -28366,7 +28650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28366
28650
  [placeholder]="searchPlaceholderText()"
28367
28651
  [attr.aria-label]="searchInputAriaLabel()"
28368
28652
  (input)="onSearchInputEvent($event)"
28369
- (keydown)="$event.stopPropagation()"
28653
+ (keydown)="onPanelSearchKeydown($event)"
28370
28654
  (click)="$event.stopPropagation()"
28371
28655
  />
28372
28656
  </div>
@@ -28431,17 +28715,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28431
28715
  </mat-option>
28432
28716
  }
28433
28717
 
28434
- @if (showLoadMore()) {
28435
- <mat-option class="pdx-panel-load-more" (click)="onLoadMoreClick($event)">
28436
- {{ loadMoreOptionsLabel() }}
28437
- </mat-option>
28438
- }
28439
-
28440
- @if (showEndReachedMessage()) {
28441
- <mat-option class="pdx-panel-end-option" disabled>
28442
- {{ endOfOptionsLabel() }}
28443
- </mat-option>
28444
- }
28718
+ <pdx-select-panel-actions
28719
+ [ariaLabel]="selectPanelActionsAriaLabel()"
28720
+ [showLoadMore]="showLoadMore() || (loading() && options().length > 0)"
28721
+ [loadMoreLabel]="loadMoreOptionsLabel()"
28722
+ [loadingLabel]="loadingOptionsLabel()"
28723
+ [loading]="loading()"
28724
+ [showEndReached]="showEndReachedMessage()"
28725
+ [endReachedLabel]="endOfOptionsLabel()"
28726
+ (loadMore)="onLoadMoreClick($event)"
28727
+ />
28445
28728
  </mat-select>
28446
28729
  @if (chipTrailingIcon()) {
28447
28730
  <mat-icon
@@ -28473,7 +28756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
28473
28756
  '[attr.data-field-type]': '"inlineAsyncSelect"',
28474
28757
  '[attr.data-field-name]': 'metadata()?.name',
28475
28758
  '[attr.data-component-id]': 'componentId()',
28476
- }, 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;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 .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-load-more .mdc-list-item__primary-text,::ng-deep .pdx-inline-async-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::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}@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"] }]
28759
+ }, 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;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 .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}@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"] }]
28477
28760
  }], propDecorators: { onViewportResize: [{
28478
28761
  type: HostListener,
28479
28762
  args: ['window:resize']