@praxisui/dynamic-fields 8.0.0-beta.27 → 8.0.0-beta.29

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -3,8 +3,8 @@ import { NgControl, FormControl, Validators, ReactiveFormsModule, NG_VALUE_ACCES
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, DestroyRef, ElementRef, ChangeDetectorRef, Injector, signal, output, computed, Input, Directive, viewChild, effect, EventEmitter, Output, Component, forwardRef, LOCALE_ID, Injectable, ChangeDetectionStrategy, ViewChild, ViewContainerRef, HostListener, HostBinding, ViewEncapsulation, ENVIRONMENT_INITIALIZER, Inject, ViewChildren, TemplateRef, ContentChild, APP_INITIALIZER, Optional } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { providePraxisI18n, PraxisI18nService, isCssTextTransform, getTextTransformer, GlobalActionService, GenericCrudService, GlobalConfigService, PraxisIconDirective, FieldControlType, resolveBuiltinPresets, INLINE_FILTER_CONTROL_TYPES, FieldSelectorRegistry, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, LoggerService, normalizeControlTypeToken, resolveInlineFilterControlType, resolveControlTypeAlias, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, resolveValuePresentation, FieldDataType, DynamicFormService, classifyEntityLookupResult, ComponentMetadataRegistry, createCpfCnpjValidator, NumericFormat, interpolatePraxisTranslation, FIELD_METADATA_CAPABILITIES } from '@praxisui/core';
-import { BehaviorSubject, combineLatest, of, Subscription, EMPTY, fromEvent, take as take$1 } from 'rxjs';
+import { providePraxisI18n, PraxisI18nService, isCssTextTransform, getTextTransformer, GlobalActionService, GenericCrudService, GlobalConfigService, PraxisIconDirective, FieldControlType, resolveBuiltinPresets, INLINE_FILTER_CONTROL_TYPES, FieldSelectorRegistry, FIELD_SELECTOR_REGISTRY_BASE, FIELD_SELECTOR_REGISTRY_DISABLE_DEFAULTS, LoggerService, normalizeControlTypeToken, resolveInlineFilterControlType, resolveControlTypeAlias, DEFAULT_FIELD_SELECTOR_CONTROL_TYPE_MAP, resolveValuePresentation, FieldDataType, DynamicFormService, ResourceDiscoveryService, ResourceSurfaceOpenAdapterService, classifyEntityLookupResult, ComponentMetadataRegistry, createCpfCnpjValidator, NumericFormat, interpolatePraxisTranslation, FIELD_METADATA_CAPABILITIES } from '@praxisui/core';
+import { BehaviorSubject, combineLatest, of, Subscription, EMPTY, firstValueFrom, fromEvent, take as take$1 } from 'rxjs';
 import { Router } from '@angular/router';
 import * as i1$3 from '@angular/material/dialog';
 import { MatDialog, MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
@@ -282,6 +282,10 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
     'praxis.dynamicFields.color.cancelActionLabel': 'Cancel',
     'praxis.dynamicFields.color.applyActionLabel': 'Apply',
     'praxis.dynamicFields.multiSelect.selectAllLabel': 'Select all',
+    'praxis.dynamicFields.multiSelect.selectedTokensAriaLabel': 'Selected: {{items}}',
+    'praxis.dynamicFields.multiSelect.removeSelectionAriaLabel': 'Remove {{label}}',
+    'praxis.dynamicFields.multiSelect.selectedPanelTitle': 'Selected',
+    'praxis.dynamicFields.multiSelect.selectedPanelRemoveHint': 'Click to remove',
     'praxis.dynamicFields.transferList.availableLabel': 'Available',
     'praxis.dynamicFields.transferList.selectedLabel': 'Selected',
     'praxis.dynamicFields.transferList.moveSelectedToRightAriaLabel': 'Move selected items to the selected list',
@@ -304,7 +308,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
     'praxis.dynamicFields.editorial.select.description': 'Simple selection field (MatSelect) with an empty option.',
     'praxis.dynamicFields.editorial.entityLookup.friendlyName': 'Entity lookup',
     'praxis.dynamicFields.editorial.entityLookup.description': 'Business entity lookup backed by RESOURCE_ENTITY option sources, rehydration and selection policy.',
-    'praxis.dynamicFields.entityLookup.resultCount': '{count} results',
+    'praxis.dynamicFields.entityLookup.resultCount': '{{count}} results',
     'praxis.dynamicFields.entityLookup.action.detail': 'Detail',
     'praxis.dynamicFields.entityLookup.action.change': 'Change',
     'praxis.dynamicFields.entityLookup.action.copyCode': 'Code',
@@ -577,6 +581,10 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
     'praxis.dynamicFields.color.cancelActionLabel': 'Cancelar',
     'praxis.dynamicFields.color.applyActionLabel': 'Aplicar',
     'praxis.dynamicFields.multiSelect.selectAllLabel': 'Selecionar todos',
+    'praxis.dynamicFields.multiSelect.selectedTokensAriaLabel': 'Selecionados: {{items}}',
+    'praxis.dynamicFields.multiSelect.removeSelectionAriaLabel': 'Remover {{label}}',
+    'praxis.dynamicFields.multiSelect.selectedPanelTitle': 'Selecionados',
+    'praxis.dynamicFields.multiSelect.selectedPanelRemoveHint': 'Clique para remover',
     'praxis.dynamicFields.transferList.availableLabel': 'Disponíveis',
     'praxis.dynamicFields.transferList.selectedLabel': 'Selecionados',
     'praxis.dynamicFields.transferList.moveSelectedToRightAriaLabel': 'Mover itens selecionados para a lista de selecionados',
@@ -599,7 +607,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
     'praxis.dynamicFields.editorial.select.description': 'Campo de seleção simples (MatSelect) com opção vazia.',
     'praxis.dynamicFields.editorial.entityLookup.friendlyName': 'Consulta de entidade',
     '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.',
-    'praxis.dynamicFields.entityLookup.resultCount': '{count} resultados',
+    'praxis.dynamicFields.entityLookup.resultCount': '{{count}} resultados',
     'praxis.dynamicFields.entityLookup.action.detail': 'Detalhe',
     'praxis.dynamicFields.entityLookup.action.change': 'Trocar',
     'praxis.dynamicFields.entityLookup.action.copyCode': 'Código',
@@ -9363,6 +9371,7 @@ class FieldShellComponent {
     canvasMouseEnter = new EventEmitter();
     canvasMouseLeave = new EventEmitter();
     canvasClick = new EventEmitter();
+    canvasFocus = new EventEmitter();
     get fieldNameAttr() {
         return this._field?.name;
     }
@@ -9406,6 +9415,11 @@ class FieldShellComponent {
             this.canvasClick.emit(this.field);
         }
     }
+    onFocusIn(event) {
+        if (this.canvasMode) {
+            this.canvasFocus.emit(this.field);
+        }
+    }
     /**
      * Host wrapper template. Receives `field`, `index` and a `content` template
      * that projects the actual field component.
@@ -9619,7 +9633,7 @@ class FieldShellComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FieldShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FieldShellComponent, isStandalone: true, selector: "praxis-field-shell", inputs: { field: "field", index: "index", control: "control", readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", canvasMode: "canvasMode", itemTemplate: "itemTemplate" }, outputs: { canvasMouseEnter: "canvasMouseEnter", canvasMouseLeave: "canvasMouseLeave", canvasClick: "canvasClick" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave()", "click": "onClick($event)" }, properties: { "attr.data-field-name": "this.fieldNameAttr", "attr.data-field-id": "this.fieldIdAttr", "attr.data-control-type": "this.fieldControlTypeAttr", "attr.data-field-index": "this.fieldIndexAttr", "style.display": "this.hostDisplay", "class.canvas-element": "this.isCanvasElement", "attr.data-canvas-type": "this.canvasType" }, classAttribute: "pfx-field-shell" }, providers: [GenericCrudService], viewQueries: [{ propertyName: "vc", first: true, predicate: ["insertionPoint"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FieldShellComponent, isStandalone: true, selector: "praxis-field-shell", inputs: { field: "field", index: "index", control: "control", readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", canvasMode: "canvasMode", itemTemplate: "itemTemplate" }, outputs: { canvasMouseEnter: "canvasMouseEnter", canvasMouseLeave: "canvasMouseLeave", canvasClick: "canvasClick", canvasFocus: "canvasFocus" }, host: { listeners: { "focusin": "onFocusIn($event)", "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave()", "click": "onClick($event)" }, properties: { "attr.data-field-name": "this.fieldNameAttr", "attr.data-field-id": "this.fieldIdAttr", "attr.data-control-type": "this.fieldControlTypeAttr", "attr.data-field-index": "this.fieldIndexAttr", "style.display": "this.hostDisplay", "class.canvas-element": "this.isCanvasElement", "attr.data-canvas-type": "this.canvasType" }, classAttribute: "pfx-field-shell" }, providers: [GenericCrudService], viewQueries: [{ propertyName: "vc", first: true, predicate: ["insertionPoint"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `
     <div
       class="pfx-field-shell-wrapper"
       [attr.data-field-index]="index"
@@ -9714,7 +9728,10 @@ class FieldShellComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FieldShellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-field-shell', standalone: true, imports: [CommonModule, MatIconModule, PraxisIconDirective], providers: [GenericCrudService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+            args: [{ selector: 'praxis-field-shell', standalone: true, imports: [CommonModule, MatIconModule, PraxisIconDirective], providers: [GenericCrudService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'pfx-field-shell',
+                        '(focusin)': 'onFocusIn($event)',
+                    }, template: `
     <div
       class="pfx-field-shell-wrapper"
       [attr.data-field-index]="index"
@@ -9805,7 +9822,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
 
       </div>
     </div>
-  `, host: { class: 'pfx-field-shell' }, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay,.praxis-disabled-overlay{cursor:not-allowed}.praxis-presentation{white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0}.praxis-presentation__label{display:block;font-size:var(--pfx-pres-label-size, .78rem);line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:.8;margin-bottom:2px}.praxis-presentation__value{display:block;flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pfx-pres-value-size, 1rem);line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, #90caf9) 78%, var(--mat-sys-on-surface, #ffffff) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.praxis-presentation__icon{flex:0 0 auto;font-size:1.125rem;width:1.125rem;height:1.125rem;line-height:1;opacity:.85}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pfx-pres-label-width, 140px);opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}\n"] }]
+  `, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-interaction-overlay{position:absolute;inset:0;pointer-events:all}.praxis-readonly-overlay,.praxis-disabled-overlay{cursor:not-allowed}.praxis-presentation{white-space:pre-wrap;display:block;max-width:100%;min-width:0;padding:6px 0}.praxis-presentation__label{display:block;font-size:var(--pfx-pres-label-size, .78rem);line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:.8;margin-bottom:2px}.praxis-presentation__value{display:block;flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:var(--pfx-pres-value-size, 1rem);line-height:1.35;font-weight:600;opacity:.95}.praxis-presentation__value a{color:var( --pfx-pres-link-color, color-mix( in srgb, var(--mat-sys-primary, #90caf9) 78%, var(--mat-sys-on-surface, #ffffff) 22% ) );text-decoration-color:var( --pfx-pres-link-decoration-color, color-mix(in srgb, currentColor 62%, transparent) );text-decoration-thickness:.08em;text-underline-offset:.18em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.praxis-presentation__value a:visited{color:var(--pfx-pres-link-visited-color, var(--pfx-pres-link-color, inherit))}.praxis-presentation__value a:hover{color:var(--pfx-pres-link-hover-color, var(--pfx-pres-link-color, currentColor));text-decoration-color:currentColor}.praxis-presentation__value a:focus-visible{outline:2px solid var(--pfx-pres-link-focus-ring-color, currentColor);outline-offset:2px;border-radius:2px}.praxis-presentation__content{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0}.praxis-presentation__icon{flex:0 0 auto;font-size:1.125rem;width:1.125rem;height:1.125rem;line-height:1;opacity:.85}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pfx-pres-label-width, 140px);opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value,.presentation-mode .praxis-presentation__content{flex:1 1 auto;min-width:0;text-align:var(--pfx-pres-value-align, start)}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}\n"] }]
         }], propDecorators: { field: [{
                 type: Input
             }], index: [{
@@ -9828,6 +9845,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], canvasClick: [{
                 type: Output
+            }], canvasFocus: [{
+                type: Output
             }], fieldNameAttr: [{
                 type: HostBinding,
                 args: ['attr.data-field-name']
@@ -10084,6 +10103,8 @@ class DynamicFieldLoaderDirective {
     canvasMouseLeave = new EventEmitter();
     /** @internal Emits when a field is clicked in canvas mode */
     canvasClick = new EventEmitter();
+    /** @internal Emits when a field receives focus in canvas mode */
+    canvasFocus = new EventEmitter();
     // Drag events removed – no longer supported by FieldShellComponent
     // =============================================================================
     // PRIVATE STATE
@@ -10879,6 +10900,12 @@ class DynamicFieldLoaderDirective {
                     element: shellRef.location.nativeElement,
                 });
             }));
+            subscriptions.add(shellRef.instance.canvasFocus.subscribe((fieldMetadata) => {
+                this.canvasFocus.emit({
+                    field: fieldMetadata,
+                    element: shellRef.location.nativeElement,
+                });
+            }));
         }
         this.shellSubscriptions.set(field.name, subscriptions);
         const shouldSkipComponentCreation = shellRef.instance.effectivePresentationMode &&
@@ -11082,7 +11109,7 @@ class DynamicFieldLoaderDirective {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFieldLoaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: DynamicFieldLoaderDirective, isStandalone: true, selector: "[dynamicFieldLoader]", inputs: { fields: "fields", formGroup: "formGroup", enableExternalControlBinding: "enableExternalControlBinding", itemTemplate: "itemTemplate", debugTrace: "debugTrace", debugTraceLabel: "debugTraceLabel", readonlyMode: "readonlyMode", disabledMode: "disabledMode", presentationMode: "presentationMode", visible: "visible", canvasMode: "canvasMode" }, outputs: { componentsCreated: "componentsCreated", fieldCreated: "fieldCreated", fieldDestroyed: "fieldDestroyed", renderError: "renderError", canvasMouseEnter: "canvasMouseEnter", canvasMouseLeave: "canvasMouseLeave", canvasClick: "canvasClick" }, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: DynamicFieldLoaderDirective, isStandalone: true, selector: "[dynamicFieldLoader]", inputs: { fields: "fields", formGroup: "formGroup", enableExternalControlBinding: "enableExternalControlBinding", itemTemplate: "itemTemplate", debugTrace: "debugTrace", debugTraceLabel: "debugTraceLabel", readonlyMode: "readonlyMode", disabledMode: "disabledMode", presentationMode: "presentationMode", visible: "visible", canvasMode: "canvasMode" }, outputs: { componentsCreated: "componentsCreated", fieldCreated: "fieldCreated", fieldDestroyed: "fieldDestroyed", renderError: "renderError", canvasMouseEnter: "canvasMouseEnter", canvasMouseLeave: "canvasMouseLeave", canvasClick: "canvasClick", canvasFocus: "canvasFocus" }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFieldLoaderDirective, decorators: [{
             type: Directive,
@@ -11128,6 +11155,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], canvasClick: [{
                 type: Output
+            }], canvasFocus: [{
+                type: Output
             }] } });
 
 class EditableCollectionComponent {
@@ -11379,7 +11408,7 @@ class EditableCollectionComponent {
         }
       </section>
     }
-  `, isInline: true, styles: [":host{display:block;width:100%}.pdx-array{display:grid;gap:12px;width:100%}.pdx-array__header,.pdx-array__item-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.pdx-array__title{font-size:1rem;font-weight:600;line-height:1.35;margin:0}.pdx-array__hint,.pdx-array__empty,.pdx-array__errors p{font-size:.875rem;line-height:1.4;margin:0}.pdx-array__hint,.pdx-array__empty{color:var(--md-sys-color-on-surface-variant, #526070)}.pdx-array__items{display:grid;gap:12px}.pdx-array__item{background:var(--md-sys-color-surface-container-low, #f8fafc);border:1px solid var(--md-sys-color-outline-variant, #d7dde5);border-radius:8px;display:grid;gap:12px;padding:12px}.pdx-array__item-title{font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}.pdx-array__fields{display:grid;gap:12px}.pdx-array__add,.pdx-array__remove{border:1px solid var(--md-sys-color-outline, #8b95a1);border-radius:8px;background:var(--md-sys-color-surface, #ffffff);color:var(--md-sys-color-primary, #2563eb);cursor:pointer;font:inherit;min-height:36px;padding:6px 12px}.pdx-array__remove{color:var(--md-sys-color-error, #ba1a1a)}.pdx-array__add:disabled,.pdx-array__remove:disabled{cursor:not-allowed;opacity:.56}.pdx-array__errors{color:var(--md-sys-color-error, #ba1a1a);display:grid;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;width:100%}.pdx-array{display:grid;gap:12px;width:100%}.pdx-array__header,.pdx-array__item-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.pdx-array__title{font-size:1rem;font-weight:600;line-height:1.35;margin:0}.pdx-array__hint,.pdx-array__empty,.pdx-array__errors p{font-size:.875rem;line-height:1.4;margin:0}.pdx-array__hint,.pdx-array__empty{color:var(--md-sys-color-on-surface-variant, #526070)}.pdx-array__items{display:grid;gap:12px}.pdx-array__item{background:var(--md-sys-color-surface-container-low, #f8fafc);border:1px solid var(--md-sys-color-outline-variant, #d7dde5);border-radius:8px;display:grid;gap:12px;padding:12px}.pdx-array__item-title{font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}.pdx-array__fields{display:grid;gap:12px}.pdx-array__add,.pdx-array__remove{border:1px solid var(--md-sys-color-outline, #8b95a1);border-radius:8px;background:var(--md-sys-color-surface, #ffffff);color:var(--md-sys-color-primary, #2563eb);cursor:pointer;font:inherit;min-height:36px;padding:6px 12px}.pdx-array__remove{color:var(--md-sys-color-error, #ba1a1a)}.pdx-array__add:disabled,.pdx-array__remove:disabled{cursor:not-allowed;opacity:.56}.pdx-array__errors{color:var(--md-sys-color-error, #ba1a1a);display:grid;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick", "canvasFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EditableCollectionComponent, decorators: [{
             type: Component,
@@ -11521,6 +11550,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
     termControl = new FormControl('');
     activeLookupFilters = signal([], ...(ngDevMode ? [{ debugName: "activeLookupFilters" }] : []));
     selectedLookupSortKey = signal(null, ...(ngDevMode ? [{ debugName: "selectedLookupSortKey" }] : []));
+    remoteTotalElements = signal(null, ...(ngDevMode ? [{ debugName: "remoteTotalElements" }] : []));
     store = new OptionStore();
     endReached = signal(false, ...(ngDevMode ? [{ debugName: "endReached" }] : []));
     cursorAfter = null;
@@ -11555,6 +11585,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         const optionSource = metadata.optionSource ?? null;
         const isCategoricalBucket = this.isCategoricalBucketOptionSource(optionSource);
         this.optionSource.set(optionSource);
+        this.remoteTotalElements.set(null);
         this.initializeLookupFilteringState();
         // Local select configuration
         if (mappedOptions)
@@ -11812,11 +11843,15 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         const include = reset && !this.useCursor && selected.length ? { includeIds: selected } : undefined;
         const observeVersion = reset;
         this.loading.set(true);
+        if (reset) {
+            this.remoteTotalElements.set(null);
+        }
         if (this.useCursor) {
             const req = { size: this.pageSize(), after: reset ? undefined : this.cursorAfter ?? undefined };
             return this.crudService
                 .filterByCursor(filter, req)
                 .pipe(tap((resp) => {
+                this.remoteTotalElements.set(null);
                 this.cursorAfter = resp.next ?? null;
                 this.store.addPage(this.cursorPageIndex++, resp.content);
                 this.store.ensureVisible(selected);
@@ -11848,6 +11883,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
             .pipe(tap((resp) => {
             if (resp.dataVersion)
                 this.dataVersion = resp.dataVersion;
+            this.remoteTotalElements.set(Number.isFinite(resp.totalElements) ? resp.totalElements : null);
             this.store.addPage(page, resp.content);
             this.store.ensureVisible(selected);
             this.endReached.set(resp.content.length < this.pageSize());
@@ -12017,7 +12053,13 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
         [matTooltipPosition]="tooltipPosition()"
       >
-        <mat-option *ngIf="searchable()" disabled>
+        <div
+          *ngIf="searchable()"
+          class="pdx-select-search-option"
+          role="presentation"
+          (mousedown)="$event.stopPropagation()"
+          (click)="$event.stopPropagation()"
+        >
           <input
             #searchInput
             matInput
@@ -12027,7 +12069,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
             (keydown)="handleKey($event)"
             [placeholder]="searchInputPlaceholder()"
           />
-        </mat-option>
+        </div>
         <mat-option
           *ngIf="!multiple() && emptyOptionText()"
           [value]="null"
@@ -12090,7 +12132,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
         <mat-hint>{{ metadata()!.hint }}</mat-hint>
       }
     </mat-form-field>
-  `, isInline: true, styles: ["::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}\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: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$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: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i8.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"] }] });
+  `, isInline: true, styles: ["::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{box-sizing:border-box;display:block;padding:10px 16px}::ng-deep .pdx-material-async-select-panel .pdx-select-search-option input{width:100%}\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: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$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: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i8.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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAsyncSelectComponent, decorators: [{
             type: Component,
@@ -12126,7 +12168,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
         [matTooltipPosition]="tooltipPosition()"
       >
-        <mat-option *ngIf="searchable()" disabled>
+        <div
+          *ngIf="searchable()"
+          class="pdx-select-search-option"
+          role="presentation"
+          (mousedown)="$event.stopPropagation()"
+          (click)="$event.stopPropagation()"
+        >
           <input
             #searchInput
             matInput
@@ -12136,7 +12184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             (keydown)="handleKey($event)"
             [placeholder]="searchInputPlaceholder()"
           />
-        </mat-option>
+        </div>
         <mat-option
           *ngIf="!multiple() && emptyOptionText()"
           [value]="null"
@@ -12214,7 +12262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"async-select"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: ["::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}\n"] }]
+                    }, styles: ["::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{box-sizing:border-box;display:block;padding:10px 16px}::ng-deep .pdx-material-async-select-panel .pdx-select-search-option input{width:100%}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -12230,6 +12278,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
 
 class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
     dialog = inject(MatDialog);
+    globalActions = inject(GlobalActionService, { optional: true });
+    resourceDiscovery = inject(ResourceDiscoveryService, { optional: true });
+    surfaceOpenAdapter = inject(ResourceSurfaceOpenAdapterService, { optional: true });
     inlineMinWidthPx = 148;
     inlineMaxWidthPx = 420;
     fieldLabelText = 'Lookup';
@@ -12269,6 +12320,11 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
     getSpecificCssClasses() {
         return ['pdx-simple-select', 'pdx-inline-entity-lookup'];
     }
+    selectPanelClasses() {
+        return this.fullFieldLayout()
+            ? ['pdx-inline-entity-lookup-panel', 'pdx-entity-lookup-panel']
+            : ['pdx-inline-entity-lookup-panel'];
+    }
     hasSelection() {
         return this.selectedCount() > 0;
     }
@@ -12304,20 +12360,28 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
     }
     richLayoutEnabled() {
         const meta = this.currentMetadata();
-        const selectedLayout = String(meta.selectedLayout || '').trim();
-        const resultLayout = String(meta.resultLayout || '').trim();
-        if (selectedLayout === 'token' || resultLayout === 'denseList') {
+        const display = this.lookupDisplayConfig();
+        const selectedLayout = String(display.selectedLayout || '').trim();
+        const resultLayout = String(display.resultLayout || '').trim();
+        const density = this.displayDensity();
+        if (selectedLayout === 'token' || resultLayout === 'denseList' || density === 'compact') {
             return false;
         }
         return meta.controlType === 'entityLookup';
     }
     selectedCardLayout() {
-        const meta = this.currentMetadata();
-        const selectedLayout = String(meta.selectedLayout || '').trim();
+        const selectedLayout = String(this.lookupDisplayConfig().selectedLayout || '').trim();
         if (!this.richLayoutEnabled() || !this.hasSelection() || this.multiple()) {
             return false;
         }
-        return selectedLayout === '' || selectedLayout === 'card';
+        return selectedLayout === 'card';
+    }
+    selectedCompactLayout() {
+        const selectedLayout = String(this.lookupDisplayConfig().selectedLayout || '').trim();
+        if (!this.richLayoutEnabled() || !this.hasSelection() || this.multiple()) {
+            return false;
+        }
+        return selectedLayout === '' || selectedLayout === 'compact' || selectedLayout === 'inline';
     }
     fullFieldLayout() {
         return this.currentMetadata().controlType === 'entityLookup';
@@ -12388,6 +12452,13 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
     hiddenSelectedLookupTokenCount() {
         return Math.max(0, this.selectedLookupViews().length - this.maxVisibleSelectedTokens());
     }
+    isSelected(option) {
+        const value = this.control().value;
+        if (Array.isArray(value)) {
+            return value.some((selected) => this.equalsOptionValue(option.value, selected));
+        }
+        return this.equalsOptionValue(option.value, value);
+    }
     showSelectedTokenRemove() {
         return this.multiple() && !this.interactionDisabled();
     }
@@ -12418,29 +12489,45 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         };
     }
     showCode() {
-        return this.currentMetadata().showCode !== false;
+        const explicit = this.lookupDisplayBoolean('showCode');
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return this.displayPreset() === 'reference';
     }
     showDescription() {
-        return this.currentMetadata().showDescription !== false;
+        return this.lookupDisplayBoolean('showDescription') !== false;
     }
     showStatus() {
-        return this.currentMetadata().showStatus !== false;
+        const explicit = this.lookupDisplayBoolean('showStatus');
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return this.displayPreset() === 'status';
     }
     showAvatar() {
-        return this.currentMetadata().showAvatar !== false;
+        const explicit = this.lookupDisplayBoolean('showAvatar');
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return ['directory', 'rich', 'status'].includes(this.displayPreset());
     }
     showBadges() {
-        return this.currentMetadata().showBadges !== false;
+        const explicit = this.lookupDisplayBoolean('showBadges');
+        if (explicit !== undefined) {
+            return explicit;
+        }
+        return ['directory', 'status'].includes(this.displayPreset());
     }
     showDisabledReason() {
-        return this.currentMetadata().showDisabledReason !== false;
+        return this.lookupDisplayBoolean('showDisabledReason') !== false;
     }
     showResultCount() {
-        return this.richLayoutEnabled() && this.currentMetadata().showResultCount !== false;
+        return this.richLayoutEnabled() && this.lookupDisplayBoolean('showResultCount') !== false;
     }
     resultCountText() {
-        const count = this.options().length;
-        return this.tDynamicFields('entityLookup.resultCount', '{count} resultados', { count });
+        const count = this.remoteTotalElements() ?? this.options().length;
+        return this.tDynamicFields('entityLookup.resultCount', '{{count}} resultados', { count });
     }
     hasVisibleBadges(item) {
         return ((this.showStatus() && !!item.status)
@@ -12448,7 +12535,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
             || (this.showDisabledReason() && item.selectionState !== 'selectable' && !!item.disabledReason));
     }
     visibleBadges(item) {
-        const max = this.currentMetadata().maxVisibleBadges ?? 3;
+        const max = this.lookupDisplayConfig().maxVisibleBadges ?? 3;
         return item.badges.slice(0, Math.max(0, max));
     }
     statusBadgeClass(item) {
@@ -12469,7 +12556,13 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         if (actions?.showDetail === false) {
             return false;
         }
-        return !!(item.detailHref || item.detailRoute);
+        return !!(item.detailHref || item.detailRoute || this.hasGovernedDetailSurface());
+    }
+    hasGovernedDetailSurface() {
+        const detail = this.lookupOptionSource()?.detail;
+        return String(detail?.kind || '').toLowerCase() === 'surface'
+            || !!detail?.surfaceId
+            || String(detail?.openDetailMode || '').toLowerCase() === 'surface';
     }
     showChangeAction() {
         if (this.interactionDisabled()) {
@@ -12534,12 +12627,95 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
     onDetailAction(event, item) {
         event.preventDefault();
         event.stopPropagation();
+        void this.openDetailSurface(item);
+    }
+    async openDetailSurface(item) {
+        if (await this.tryOpenGovernedDetailSurface(item)) {
+            return;
+        }
         const href = item.detailHref || item.detailRoute;
         if (!href || typeof window === 'undefined') {
             return;
         }
         window.open(href, '_blank', 'noopener');
     }
+    async tryOpenGovernedDetailSurface(item) {
+        const detail = this.lookupOptionSource()?.detail;
+        const wantsSurface = String(detail?.kind || '').toLowerCase() === 'surface'
+            || !!detail?.surfaceId
+            || String(detail?.openDetailMode || '').toLowerCase() === 'surface';
+        if (!wantsSurface || !this.globalActions || !this.resourceDiscovery || !this.surfaceOpenAdapter) {
+            return false;
+        }
+        const resourcePath = this.lookupOptionSource()?.resourcePath || this.resourcePath();
+        const resourceId = item.identity || item.id;
+        if (!resourcePath || !resourceId) {
+            return false;
+        }
+        try {
+            const catalog = await firstValueFrom(this.resourceDiscovery.fetchJson(this.itemSurfacesHref(resourcePath, resourceId)));
+            const surface = this.selectDetailSurface(catalog?.surfaces || [], detail?.surfaceId);
+            if (!surface) {
+                return false;
+            }
+            const payload = this.surfaceOpenAdapter.toPayload(surface, {
+                resourcePath,
+                resourceId,
+                presentation: this.lookupDetailPresentation(detail?.presentation),
+                title: this.detailSurfaceTitle(item, surface),
+                subtitle: item.description || surface.description || undefined,
+                icon: 'badge',
+            });
+            const result = await this.globalActions.execute('surface.open', payload, {
+                sourceId: this.componentId(),
+                output: 'entityLookup.detail',
+                payload: {
+                    item,
+                    value: this.control().value,
+                    optionSource: this.lookupOptionSource(),
+                },
+                runtime: {
+                    item,
+                    value: this.control().value,
+                },
+                meta: {
+                    component: 'pdx-inline-entity-lookup',
+                    action: 'detail',
+                },
+            });
+            return result.success;
+        }
+        catch {
+            return false;
+        }
+    }
+    itemSurfacesHref(resourcePath, resourceId) {
+        const path = String(resourcePath || '').trim().replace(/^\/+/, '').replace(/\/+$/, '');
+        return `/${path}/${encodeURIComponent(resourceId)}/surfaces`;
+    }
+    selectDetailSurface(surfaces, preferredSurfaceId) {
+        const available = surfaces.filter((surface) => surface.scope === 'ITEM' && surface.availability?.allowed !== false);
+        const preferred = String(preferredSurfaceId || '').trim();
+        if (preferred) {
+            const match = available.find((surface) => surface.id === preferred);
+            if (match) {
+                return match;
+            }
+        }
+        return (available.find((surface) => surface.id === 'detail') ||
+            available.find((surface) => surface.id === 'view') ||
+            available.find((surface) => surface.kind === 'VIEW' || surface.kind === 'READ_PROJECTION') ||
+            available.find((surface) => surface.kind === 'FORM' || surface.kind === 'PARTIAL_FORM') ||
+            null);
+    }
+    lookupDetailPresentation(value) {
+        const normalized = String(value || '').trim();
+        return normalized === 'drawer' || normalized === 'modal' ? normalized : undefined;
+    }
+    detailSurfaceTitle(item, surface) {
+        const baseTitle = surface.title || this.detailActionText();
+        return item.label ? `${baseTitle}: ${item.label}` : baseTitle;
+    }
     onChangeAction(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -13058,6 +13234,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
             detailHref: lookup.detailHref,
             detailRoute: lookup.detailRoute,
             badges: lookup.badges,
+            richFields: lookup.richFields,
         };
     }
     resolveLookupData(source, fallbackLabel) {
@@ -13066,7 +13243,9 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         const subtitleKeys = this.lookupSubtitleKeys();
         const statusKeys = this.lookupStatusKeys();
         if (source && typeof source === 'object') {
-            const value = source;
+            const sourceRecord = source;
+            const extraRecord = this.asRecord(sourceRecord['extra']);
+            const value = extraRecord ? { ...extraRecord, ...sourceRecord } : sourceRecord;
             const id = this.normalizeLookupText(this.firstDefined(value, idKeys));
             const identity = this.normalizeLookupText(this.resolveLookupIdentity(value)) || id;
             const code = this.normalizeLookupText(this.firstDefined(value, this.lookupCodeKeys()));
@@ -13078,6 +13257,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
             const detailHref = this.normalizeLookupText(this.firstDefined(value, ['detailHref', 'href', 'url']));
             const detailRoute = this.normalizeLookupText(this.firstDefined(value, ['detailRoute', 'route']));
             const badges = this.lookupBadges(value, status);
+            const richFields = this.lookupRichFields(value);
             return {
                 id,
                 identity,
@@ -13091,6 +13271,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
                 detailHref,
                 detailRoute,
                 badges,
+                richFields,
             };
         }
         const primitive = this.normalizeLookupText(source);
@@ -13108,6 +13289,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
             detailHref: '',
             detailRoute: '',
             badges: [],
+            richFields: [],
         };
     }
     buildLookupPrimaryText(id, label) {
@@ -13177,8 +13359,10 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         const meta = this.metadata() || {};
         const custom = this.normalizeLookupText(meta.lookupSubtitleKey);
         const source = this.lookupOptionSource();
+        const display = this.lookupDisplayConfig();
         return this.uniqueLookupKeys([
             custom,
+            ...(display.secondaryPropertyPaths ?? []),
             ...(source?.descriptionPropertyPaths ?? []),
             'description',
             'subtitle',
@@ -13208,10 +13392,14 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         return true;
     }
     lookupBadges(record, status) {
-        const configuredKeys = this.currentMetadata().badgeKeys ?? [];
+        const display = this.lookupDisplayConfig();
+        const configuredKeys = [
+            ...(display.badgeKeys ?? []),
+            ...(display.badgePropertyPaths ?? []),
+        ];
         const rawValues = [];
         for (const key of configuredKeys) {
-            rawValues.push(record[key]);
+            rawValues.push(this.readLookupPath(record, key));
         }
         rawValues.push(record['badges'], record['tags'], record['riskLevel'], record['homologationStatus']);
         const seen = new Set();
@@ -13231,6 +13419,77 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         rawValues.forEach(pushBadge);
         return badges;
     }
+    richFieldToneClass(field) {
+        return `is-${field.tone || 'neutral'}`;
+    }
+    lookupRichFields(record) {
+        const explicit = this.asRichFieldArray(record['richFields']);
+        if (explicit.length) {
+            return explicit;
+        }
+        const fields = this.lookupDisplayConfig().fields ?? [];
+        if (!fields.length) {
+            return [];
+        }
+        return fields
+            .map((field, index) => this.lookupRichFieldFromDescriptor(field, record, undefined, index))
+            .filter((field) => !!field);
+    }
+    lookupRichFieldFromDescriptor(field, record, fallbackValue, index) {
+        const rawValue = this.readLookupPath(record, field.propertyPath ?? '') ?? fallbackValue;
+        const value = this.formatLookupRichFieldValue(rawValue, field);
+        if (!value) {
+            return null;
+        }
+        return {
+            key: this.normalizeLookupText(field.key) || this.normalizeLookupText(field.propertyPath) || `field-${index}`,
+            label: this.normalizeLookupText(field.label),
+            value,
+            icon: this.normalizeLookupText(field.icon),
+            presentation: this.normalizeLookupText(field.presentation) || 'text',
+            tone: this.normalizeLookupTone(field.tone),
+        };
+    }
+    asRichFieldArray(value) {
+        if (!Array.isArray(value)) {
+            return [];
+        }
+        return value
+            .map((item, index) => {
+            const record = this.asRecord(item);
+            if (!record) {
+                return null;
+            }
+            const field = this.lookupRichFieldFromDescriptor(record, record, record['value'], index);
+            return field;
+        })
+            .filter((field) => !!field);
+    }
+    formatLookupRichFieldValue(value, field) {
+        const normalized = this.normalizeLookupText(value);
+        if (!normalized) {
+            return '';
+        }
+        const presentation = this.normalizeLookupText(field.presentation);
+        if (presentation === 'date' || field.format === 'date') {
+            const localDate = /^(\d{4})-(\d{2})-(\d{2})$/.exec(normalized);
+            if (localDate) {
+                return `${localDate[3]}/${localDate[2]}/${localDate[1]}`;
+            }
+            const date = new Date(normalized);
+            if (!Number.isNaN(date.getTime())) {
+                return new Intl.DateTimeFormat('pt-BR', { dateStyle: 'short' }).format(date);
+            }
+        }
+        return normalized;
+    }
+    normalizeLookupTone(value) {
+        const normalized = this.normalizeLookupText(value).toLowerCase();
+        if (normalized === 'success' || normalized === 'warning' || normalized === 'danger' || normalized === 'neutral' || normalized === 'info') {
+            return normalized;
+        }
+        return 'neutral';
+    }
     classifyLookupSelectionState(record) {
         return classifyEntityLookupResult({
             extra: {
@@ -13296,16 +13555,20 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
             const normalized = this.normalizeLookupText(key);
             if (!normalized)
                 continue;
-            if (record[normalized] !== undefined && record[normalized] !== null) {
-                return record[normalized];
+            const value = this.readLookupPath(record, normalized);
+            if (value !== undefined && value !== null) {
+                return value;
             }
         }
         return undefined;
     }
     lookupSubtitleText(record, keys) {
-        const sourceDescriptionKeys = this.lookupOptionSource()?.descriptionPropertyPaths ?? [];
+        const display = this.lookupDisplayConfig();
+        const sourceDescriptionKeys = display.secondaryPropertyPaths?.length
+            ? display.secondaryPropertyPaths
+            : this.lookupOptionSource()?.descriptionPropertyPaths ?? [];
         const composed = sourceDescriptionKeys
-            .map((key) => this.normalizeLookupText(record[this.normalizeLookupText(key)]))
+            .map((key) => this.normalizeLookupText(this.readLookupPath(record, key)))
             .filter((value) => value.length > 0);
         if (composed.length) {
             return composed.join(' - ');
@@ -13368,6 +13631,80 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
             'key',
         ]);
     }
+    displayPreset() {
+        const preset = this.normalizeLookupText(this.lookupDisplayConfig().preset).toLowerCase();
+        if (preset === 'compact'
+            || preset === 'rich'
+            || preset === 'directory'
+            || preset === 'status'
+            || preset === 'reference'
+            || preset === 'hierarchical') {
+            return preset;
+        }
+        return this.currentMetadata().controlType === 'entityLookup' ? 'rich' : 'compact';
+    }
+    displayDensity() {
+        const density = this.normalizeLookupText(this.lookupDisplayConfig().density).toLowerCase();
+        if (density === 'compact' || density === 'comfortable' || density === 'rich') {
+            return density;
+        }
+        return this.currentMetadata().controlType === 'entityLookup' ? 'comfortable' : 'compact';
+    }
+    lookupDisplayConfig() {
+        const optionDisplay = this.lookupOptionSource()?.display ?? {};
+        const metadata = this.currentMetadata();
+        return {
+            ...optionDisplay,
+            preset: metadata.preset ?? optionDisplay.preset,
+            usage: metadata.usage ?? optionDisplay.usage,
+            density: metadata.density ?? optionDisplay.density,
+            selectedLayout: metadata.selectedLayout ?? optionDisplay.selectedLayout,
+            resultLayout: metadata.resultLayout ?? optionDisplay.resultLayout,
+            primaryPropertyPath: metadata.primaryPropertyPath ?? optionDisplay.primaryPropertyPath,
+            secondaryPropertyPaths: metadata.secondaryPropertyPaths ?? optionDisplay.secondaryPropertyPaths,
+            badgePropertyPaths: metadata.badgePropertyPaths ?? optionDisplay.badgePropertyPaths,
+            avatarPropertyPath: metadata.avatarPropertyPath ?? optionDisplay.avatarPropertyPath,
+            showCode: metadata.showCode ?? optionDisplay.showCode,
+            showDescription: metadata.showDescription ?? optionDisplay.showDescription,
+            showStatus: metadata.showStatus ?? optionDisplay.showStatus,
+            showAvatar: metadata.showAvatar ?? optionDisplay.showAvatar,
+            showBadges: metadata.showBadges ?? optionDisplay.showBadges,
+            showDisabledReason: metadata.showDisabledReason ?? optionDisplay.showDisabledReason,
+            showResultCount: metadata.showResultCount ?? optionDisplay.showResultCount,
+            statusToneMap: metadata.statusToneMap ?? optionDisplay.statusToneMap,
+            badgeKeys: metadata.badgeKeys ?? optionDisplay.badgeKeys,
+            maxVisibleBadges: metadata.maxVisibleBadges ?? optionDisplay.maxVisibleBadges,
+            detailActionLabel: metadata.detailActionLabel ?? optionDisplay.detailActionLabel,
+            changeActionLabel: metadata.changeActionLabel ?? optionDisplay.changeActionLabel,
+            copyCodeActionLabel: metadata.copyCodeActionLabel ?? optionDisplay.copyCodeActionLabel,
+            copyIdActionLabel: metadata.copyIdActionLabel ?? optionDisplay.copyIdActionLabel,
+            createActionLabel: metadata.createActionLabel ?? optionDisplay.createActionLabel,
+            clearActionLabel: metadata.clearActionLabel ?? optionDisplay.clearActionLabel,
+            actions: metadata.actions ?? optionDisplay.actions,
+        };
+    }
+    lookupDisplayBoolean(key) {
+        const value = this.lookupDisplayConfig()[key];
+        return typeof value === 'boolean' ? value : undefined;
+    }
+    readLookupPath(record, path) {
+        const normalized = this.normalizeLookupText(path);
+        if (!normalized) {
+            return undefined;
+        }
+        if (record[normalized] !== undefined) {
+            return record[normalized];
+        }
+        const segments = normalized.split('.').filter(Boolean);
+        let cursor = record;
+        for (const segment of segments) {
+            if (!cursor || typeof cursor !== 'object') {
+                return undefined;
+            }
+            cursor = cursor[segment];
+        }
+        return cursor;
+    }
     isPrimitiveLookupValue(value) {
         return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
     }
@@ -13522,7 +13859,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         return { min, max };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineEntityLookupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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": "\"inlineEntityLookup\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", 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: [
             GenericCrudService,
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -13547,7 +13884,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
     >
       <mat-select
         class="pdx-inline-entity-lookup-control"
-        [panelClass]="'pdx-inline-entity-lookup-panel'"
+        [panelClass]="selectPanelClasses()"
         [placeholder]="placeholderText()"
         [errorStateMatcher]="errorStateMatcher()"
         [formControl]="control()"
@@ -13560,8 +13897,13 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -13585,7 +13927,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
               }
             </div>
             @if (showLookupToolbar()) {
-              <div class="pdx-panel-toolbar-row" (click)="$event.stopPropagation()">
+              <div class="pdx-panel-toolbar-row">
                 @if (showLookupSortControl()) {
                   <label class="pdx-panel-sort-control">
                     <span>{{ sortLabelText() }}</span>
@@ -13627,7 +13969,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
                 }
               </div>
             }
-          </mat-option>
+          </div>
         }
 
         @if (showDialogOption()) {
@@ -13677,7 +14019,26 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
                 <span class="pdx-lookup-selected-heading">
                   <strong>{{ selected.label }}</strong>
                 </span>
-                @if (showDescription() && selected.description) {
+                @if (selected.richFields.length) {
+                  <span class="pdx-lookup-rich-fields">
+                    <span
+                        class="pdx-lookup-rich-field"
+                        *ngFor="let field of selected.richFields"
+                        [class.is-chip]="field.presentation === 'chip' || field.presentation === 'date' || field.presentation === 'currency' || field.presentation === 'metric'"
+                        [class.is-badge]="field.presentation === 'badge'"
+                        [class.is-text]="field.presentation === 'text'"
+                      [ngClass]="richFieldToneClass(field)"
+                    >
+                      @if (field.icon) {
+                        <mat-icon aria-hidden="true">{{ field.icon }}</mat-icon>
+                      }
+                      @if (field.label && field.presentation === 'text') {
+                        <small>{{ field.label }}</small>
+                      }
+                      <span>{{ field.value }}</span>
+                    </span>
+                  </span>
+                } @else if (showDescription() && selected.description) {
                   <span class="pdx-lookup-description">{{ selected.description }}</span>
                 }
                 @if (showDisabledReason() && selected.selectionState !== 'selectable' && selected.disabledReason) {
@@ -13746,6 +14107,83 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
                 }
               </span>
             </span>
+          } @else if (selectedCompactLayout() && selectedLookupView(); as selected) {
+            <span class="pdx-lookup-selected-compact-trigger">
+              @if (showAvatar()) {
+                <span class="pdx-lookup-avatar pdx-lookup-avatar-compact" aria-hidden="true">
+                  {{ lookupInitials(selected) }}
+                </span>
+              }
+              <span class="pdx-lookup-selected-compact-main">
+                <span class="pdx-lookup-selected-compact-heading">
+                  <strong>{{ selected.label }}</strong>
+                  @if (showStatus() && selected.status) {
+                    <span class="pdx-lookup-badge" [ngClass]="statusBadgeClass(selected)">
+                      {{ selected.status }}
+                    </span>
+                  }
+                </span>
+                @if (selected.richFields.length) {
+                  <span class="pdx-lookup-rich-fields is-compact">
+                    <span
+                      class="pdx-lookup-rich-field"
+                      *ngFor="let field of selected.richFields"
+                      [class.is-chip]="field.presentation === 'chip' || field.presentation === 'date' || field.presentation === 'currency' || field.presentation === 'metric'"
+                      [class.is-badge]="field.presentation === 'badge'"
+                      [class.is-text]="field.presentation === 'text'"
+                      [ngClass]="richFieldToneClass(field)"
+                    >
+                      @if (field.icon) {
+                        <mat-icon aria-hidden="true">{{ field.icon }}</mat-icon>
+                      }
+                      <span>{{ field.value }}</span>
+                    </span>
+                  </span>
+                } @else if (showDescription() && selected.description) {
+                  <span class="pdx-lookup-selected-compact-description">
+                    {{ selected.description }}
+                  </span>
+                }
+              </span>
+              <span class="pdx-lookup-selected-compact-actions">
+                @if (showDetailAction(selected)) {
+                  <button
+                    type="button"
+                    class="pdx-lookup-icon-action"
+                    (mousedown)="onTriggerIconMouseDown($event)"
+                    (click)="onDetailAction($event, selected)"
+                    [attr.aria-label]="detailActionText()"
+                    [matTooltip]="detailActionText()"
+                  >
+                    <mat-icon aria-hidden="true">open_in_new</mat-icon>
+                  </button>
+                }
+                @if (showChangeAction()) {
+                  <button
+                    type="button"
+                    class="pdx-lookup-icon-action"
+                    (mousedown)="onTriggerIconMouseDown($event)"
+                    (click)="onChangeAction($event)"
+                    [attr.aria-label]="changeActionText()"
+                    [matTooltip]="changeActionText()"
+                  >
+                    <mat-icon aria-hidden="true">manage_search</mat-icon>
+                  </button>
+                }
+                @if (showQuickClear()) {
+                  <button
+                    type="button"
+                    class="pdx-lookup-icon-action is-danger"
+                    (mousedown)="onTriggerIconMouseDown($event)"
+                    (click)="onQuickClear($event)"
+                    [attr.aria-label]="clearActionText()"
+                    [matTooltip]="clearActionText()"
+                  >
+                    <mat-icon aria-hidden="true">close</mat-icon>
+                  </button>
+                }
+              </span>
+            </span>
           } @else if (fullFieldLayout() && !multiple()) {
             <span
               class="pdx-lookup-empty-trigger"
@@ -13855,7 +14293,14 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         >
           @if (richLayoutEnabled()) {
             @if (optionLookupView(option); as item) {
-              <span class="pdx-lookup-option-row" [class.is-disabled]="option.disabled">
+              <span
+                class="pdx-lookup-option-row"
+                [class.is-disabled]="option.disabled"
+                [class.is-selected]="isSelected(option)"
+                [class.is-directory]="displayPreset() === 'directory'"
+                [class.is-reference]="displayPreset() === 'reference'"
+                [class.is-status]="displayPreset() === 'status'"
+              >
                 @if (showAvatar()) {
                   <span class="pdx-lookup-avatar" aria-hidden="true">{{ lookupInitials(item) }}</span>
                 }
@@ -13873,7 +14318,26 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
                   <span class="pdx-lookup-option-heading">
                     <strong>{{ item.label }}</strong>
                   </span>
-                  @if (showDescription() && item.description) {
+                  @if (item.richFields.length) {
+                    <span class="pdx-lookup-rich-fields">
+                      <span
+                        class="pdx-lookup-rich-field"
+                        *ngFor="let field of item.richFields"
+                        [class.is-chip]="field.presentation === 'chip' || field.presentation === 'date' || field.presentation === 'currency' || field.presentation === 'metric'"
+                        [class.is-badge]="field.presentation === 'badge'"
+                        [class.is-text]="field.presentation === 'text'"
+                        [ngClass]="richFieldToneClass(field)"
+                      >
+                        @if (field.icon) {
+                          <mat-icon aria-hidden="true">{{ field.icon }}</mat-icon>
+                        }
+                        @if (field.label && field.presentation === 'text') {
+                          <small>{{ field.label }}</small>
+                        }
+                        <span>{{ field.value }}</span>
+                      </span>
+                    </span>
+                  } @else if (showDescription() && item.description) {
                     <span class="pdx-lookup-description">{{ item.description }}</span>
                   }
                   @if (showDisabledReason() && item.selectionState !== 'selectable' && item.disabledReason) {
@@ -13896,6 +14360,11 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
                     }
                   </span>
                 </span>
+                @if (isSelected(option)) {
+                  <span class="pdx-lookup-option-check" aria-hidden="true">
+                    <mat-icon>check</mat-icon>
+                  </span>
+                }
               </span>
             }
           } @else {
@@ -13931,7 +14400,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         </mat-option>
       </mat-select>
     </mat-form-field>
-  `, 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{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background: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-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-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{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:min(760px,calc(100vw - 48px));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-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;margin-right:10px}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}: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:100%;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:min(760px,calc(100vw - 48px));min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:min(760px,calc(100vw - 48px));min-height:52px;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){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 .pdx-inline-entity-lookup-panel{min-width:min(420px,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: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 .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:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::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:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-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{width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color: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(--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{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);gap:12px;width:100%;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.68}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:5px;min-width:0}::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-load-more .mdc-list-item__primary-text,::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: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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$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: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+  `, 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{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background: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{gap:5px;overflow:hidden;max-height:26px}.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}.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-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{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:hidden!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:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-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{width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0}::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:9px 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:.68}::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-load-more .mdc-list-item__primary-text,::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(--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: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$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: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineEntityLookupComponent, decorators: [{
             type: Component,
@@ -13962,7 +14431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     >
       <mat-select
         class="pdx-inline-entity-lookup-control"
-        [panelClass]="'pdx-inline-entity-lookup-panel'"
+        [panelClass]="selectPanelClasses()"
         [placeholder]="placeholderText()"
         [errorStateMatcher]="errorStateMatcher()"
         [formControl]="control()"
@@ -13975,8 +14444,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -14000,7 +14474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               }
             </div>
             @if (showLookupToolbar()) {
-              <div class="pdx-panel-toolbar-row" (click)="$event.stopPropagation()">
+              <div class="pdx-panel-toolbar-row">
                 @if (showLookupSortControl()) {
                   <label class="pdx-panel-sort-control">
                     <span>{{ sortLabelText() }}</span>
@@ -14042,7 +14516,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 }
               </div>
             }
-          </mat-option>
+          </div>
         }
 
         @if (showDialogOption()) {
@@ -14092,7 +14566,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 <span class="pdx-lookup-selected-heading">
                   <strong>{{ selected.label }}</strong>
                 </span>
-                @if (showDescription() && selected.description) {
+                @if (selected.richFields.length) {
+                  <span class="pdx-lookup-rich-fields">
+                    <span
+                        class="pdx-lookup-rich-field"
+                        *ngFor="let field of selected.richFields"
+                        [class.is-chip]="field.presentation === 'chip' || field.presentation === 'date' || field.presentation === 'currency' || field.presentation === 'metric'"
+                        [class.is-badge]="field.presentation === 'badge'"
+                        [class.is-text]="field.presentation === 'text'"
+                      [ngClass]="richFieldToneClass(field)"
+                    >
+                      @if (field.icon) {
+                        <mat-icon aria-hidden="true">{{ field.icon }}</mat-icon>
+                      }
+                      @if (field.label && field.presentation === 'text') {
+                        <small>{{ field.label }}</small>
+                      }
+                      <span>{{ field.value }}</span>
+                    </span>
+                  </span>
+                } @else if (showDescription() && selected.description) {
                   <span class="pdx-lookup-description">{{ selected.description }}</span>
                 }
                 @if (showDisabledReason() && selected.selectionState !== 'selectable' && selected.disabledReason) {
@@ -14161,6 +14654,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 }
               </span>
             </span>
+          } @else if (selectedCompactLayout() && selectedLookupView(); as selected) {
+            <span class="pdx-lookup-selected-compact-trigger">
+              @if (showAvatar()) {
+                <span class="pdx-lookup-avatar pdx-lookup-avatar-compact" aria-hidden="true">
+                  {{ lookupInitials(selected) }}
+                </span>
+              }
+              <span class="pdx-lookup-selected-compact-main">
+                <span class="pdx-lookup-selected-compact-heading">
+                  <strong>{{ selected.label }}</strong>
+                  @if (showStatus() && selected.status) {
+                    <span class="pdx-lookup-badge" [ngClass]="statusBadgeClass(selected)">
+                      {{ selected.status }}
+                    </span>
+                  }
+                </span>
+                @if (selected.richFields.length) {
+                  <span class="pdx-lookup-rich-fields is-compact">
+                    <span
+                      class="pdx-lookup-rich-field"
+                      *ngFor="let field of selected.richFields"
+                      [class.is-chip]="field.presentation === 'chip' || field.presentation === 'date' || field.presentation === 'currency' || field.presentation === 'metric'"
+                      [class.is-badge]="field.presentation === 'badge'"
+                      [class.is-text]="field.presentation === 'text'"
+                      [ngClass]="richFieldToneClass(field)"
+                    >
+                      @if (field.icon) {
+                        <mat-icon aria-hidden="true">{{ field.icon }}</mat-icon>
+                      }
+                      <span>{{ field.value }}</span>
+                    </span>
+                  </span>
+                } @else if (showDescription() && selected.description) {
+                  <span class="pdx-lookup-selected-compact-description">
+                    {{ selected.description }}
+                  </span>
+                }
+              </span>
+              <span class="pdx-lookup-selected-compact-actions">
+                @if (showDetailAction(selected)) {
+                  <button
+                    type="button"
+                    class="pdx-lookup-icon-action"
+                    (mousedown)="onTriggerIconMouseDown($event)"
+                    (click)="onDetailAction($event, selected)"
+                    [attr.aria-label]="detailActionText()"
+                    [matTooltip]="detailActionText()"
+                  >
+                    <mat-icon aria-hidden="true">open_in_new</mat-icon>
+                  </button>
+                }
+                @if (showChangeAction()) {
+                  <button
+                    type="button"
+                    class="pdx-lookup-icon-action"
+                    (mousedown)="onTriggerIconMouseDown($event)"
+                    (click)="onChangeAction($event)"
+                    [attr.aria-label]="changeActionText()"
+                    [matTooltip]="changeActionText()"
+                  >
+                    <mat-icon aria-hidden="true">manage_search</mat-icon>
+                  </button>
+                }
+                @if (showQuickClear()) {
+                  <button
+                    type="button"
+                    class="pdx-lookup-icon-action is-danger"
+                    (mousedown)="onTriggerIconMouseDown($event)"
+                    (click)="onQuickClear($event)"
+                    [attr.aria-label]="clearActionText()"
+                    [matTooltip]="clearActionText()"
+                  >
+                    <mat-icon aria-hidden="true">close</mat-icon>
+                  </button>
+                }
+              </span>
+            </span>
           } @else if (fullFieldLayout() && !multiple()) {
             <span
               class="pdx-lookup-empty-trigger"
@@ -14270,7 +14840,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         >
           @if (richLayoutEnabled()) {
             @if (optionLookupView(option); as item) {
-              <span class="pdx-lookup-option-row" [class.is-disabled]="option.disabled">
+              <span
+                class="pdx-lookup-option-row"
+                [class.is-disabled]="option.disabled"
+                [class.is-selected]="isSelected(option)"
+                [class.is-directory]="displayPreset() === 'directory'"
+                [class.is-reference]="displayPreset() === 'reference'"
+                [class.is-status]="displayPreset() === 'status'"
+              >
                 @if (showAvatar()) {
                   <span class="pdx-lookup-avatar" aria-hidden="true">{{ lookupInitials(item) }}</span>
                 }
@@ -14288,7 +14865,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   <span class="pdx-lookup-option-heading">
                     <strong>{{ item.label }}</strong>
                   </span>
-                  @if (showDescription() && item.description) {
+                  @if (item.richFields.length) {
+                    <span class="pdx-lookup-rich-fields">
+                      <span
+                        class="pdx-lookup-rich-field"
+                        *ngFor="let field of item.richFields"
+                        [class.is-chip]="field.presentation === 'chip' || field.presentation === 'date' || field.presentation === 'currency' || field.presentation === 'metric'"
+                        [class.is-badge]="field.presentation === 'badge'"
+                        [class.is-text]="field.presentation === 'text'"
+                        [ngClass]="richFieldToneClass(field)"
+                      >
+                        @if (field.icon) {
+                          <mat-icon aria-hidden="true">{{ field.icon }}</mat-icon>
+                        }
+                        @if (field.label && field.presentation === 'text') {
+                          <small>{{ field.label }}</small>
+                        }
+                        <span>{{ field.value }}</span>
+                      </span>
+                    </span>
+                  } @else if (showDescription() && item.description) {
                     <span class="pdx-lookup-description">{{ item.description }}</span>
                   }
                   @if (showDisabledReason() && item.selectionState !== 'selectable' && item.disabledReason) {
@@ -14311,6 +14907,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     }
                   </span>
                 </span>
+                @if (isSelected(option)) {
+                  <span class="pdx-lookup-option-check" aria-hidden="true">
+                    <mat-icon>check</mat-icon>
+                  </span>
+                }
               </span>
             }
           } @else {
@@ -14361,10 +14962,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.aria-hidden]': 'visible ? null : "true"',
                         '[style.width]': 'fullFieldLayout() ? "100%" : "auto"',
                         '[style.maxWidth]': '"100%"',
-                        '[attr.data-field-type]': '"inlineEntityLookup"',
+                        '[attr.data-field-type]': 'fullFieldLayout() ? "entityLookup" : "inlineEntityLookup"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, 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{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background: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-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-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{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:min(760px,calc(100vw - 48px));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-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;margin-right:10px}:host ::ng-deep .pdx-inline-entity-lookup .mat-mdc-select-value{max-width:100%}: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:100%;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:min(760px,calc(100vw - 48px));min-height:52px}:host ::ng-deep .pdx-entity-lookup-rich .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{width:min(760px,calc(100vw - 48px));min-height:52px;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){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 .pdx-inline-entity-lookup-panel{min-width:min(420px,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: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 .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:hidden!important}::ng-deep .pdx-inline-entity-lookup-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::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:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-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{width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color: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(--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{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);gap:12px;width:100%;padding:8px 0}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-row.is-disabled{opacity:.68}::ng-deep .pdx-inline-entity-lookup-panel .pdx-lookup-option-body{display:grid;gap:5px;min-width:0}::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-load-more .mdc-list-item__primary-text,::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: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"] }]
+                    }, 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{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background: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{gap:5px;overflow:hidden;max-height:26px}.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}.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-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{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:hidden!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:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-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{width:100%}::ng-deep .pdx-inline-entity-lookup-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0}::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:9px 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:.68}::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-load-more .mdc-list-item__primary-text,::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(--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"] }]
         }], propDecorators: { initialMetadata: [{
                 type: Input
             }], onViewportResize: [{
@@ -23107,8 +23708,13 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -23127,7 +23733,7 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
                 (click)="$event.stopPropagation()"
               />
             </div>
-          </mat-option>
+          </div>
         }
 
         <mat-select-trigger>
@@ -23239,8 +23845,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -23259,7 +23870,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 (click)="$event.stopPropagation()"
               />
             </div>
-          </mat-option>
+          </div>
         }
 
         <mat-select-trigger>
@@ -23656,7 +24267,13 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
           [matTooltipPosition]="tooltipPosition()"
           [errorStateMatcher]="errorStateMatcher()"
         >
-          <mat-option *ngIf="searchable()" disabled>
+          <div
+            *ngIf="searchable()"
+            class="pdx-select-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
             <input
               #searchInput
               matInput
@@ -23668,7 +24285,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
               [disabled]="isInteractionDisabled()"
               [readOnly]="isReadonlyEffective() || presentationMode"
             />
-          </mat-option>
+          </div>
           <mat-option
             *ngFor="let option of filteredOptions(); trackBy: trackByOption"
             [value]="option.value"
@@ -23701,7 +24318,13 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
           [matTooltipPosition]="tooltipPosition()"
           [errorStateMatcher]="errorStateMatcher()"
         >
-          <mat-option *ngIf="searchable()" disabled>
+          <div
+            *ngIf="searchable()"
+            class="pdx-select-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
             <input
               #searchInput
               matInput
@@ -23713,7 +24336,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
               [disabled]="isInteractionDisabled()"
               [readOnly]="isReadonlyEffective() || presentationMode"
             />
-          </mat-option>
+          </div>
           <mat-option
             *ngIf="emptyOptionText()"
             [value]="null"
@@ -23777,7 +24400,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
         <mat-hint>{{ metadata()!.hint }}</mat-hint>
       }
     </mat-form-field>
-  `, isInline: true, styles: ["::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}\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: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$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: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i8.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"] }] });
+  `, isInline: true, styles: ["::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 .pdx-material-searchable-select-panel .pdx-select-search-option{box-sizing:border-box;display:block;padding:10px 16px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option input{width:100%}\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: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$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: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i8.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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSearchableSelectComponent, decorators: [{
             type: Component,
@@ -23816,7 +24439,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           [matTooltipPosition]="tooltipPosition()"
           [errorStateMatcher]="errorStateMatcher()"
         >
-          <mat-option *ngIf="searchable()" disabled>
+          <div
+            *ngIf="searchable()"
+            class="pdx-select-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
             <input
               #searchInput
               matInput
@@ -23828,7 +24457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               [disabled]="isInteractionDisabled()"
               [readOnly]="isReadonlyEffective() || presentationMode"
             />
-          </mat-option>
+          </div>
           <mat-option
             *ngFor="let option of filteredOptions(); trackBy: trackByOption"
             [value]="option.value"
@@ -23861,7 +24490,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           [matTooltipPosition]="tooltipPosition()"
           [errorStateMatcher]="errorStateMatcher()"
         >
-          <mat-option *ngIf="searchable()" disabled>
+          <div
+            *ngIf="searchable()"
+            class="pdx-select-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
             <input
               #searchInput
               matInput
@@ -23873,7 +24508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               [disabled]="isInteractionDisabled()"
               [readOnly]="isReadonlyEffective() || presentationMode"
             />
-          </mat-option>
+          </div>
           <mat-option
             *ngIf="emptyOptionText()"
             [value]="null"
@@ -23954,7 +24589,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"searchable-select"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: ["::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}\n"] }]
+                    }, styles: ["::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 .pdx-material-searchable-select-panel .pdx-select-search-option{box-sizing:border-box;display:block;padding:10px 16px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option input{width:100%}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -24230,8 +24865,13 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -24250,7 +24890,7 @@ class InlineSearchableSelectComponent extends MaterialSearchableSelectComponent
                 (click)="$event.stopPropagation()"
               />
             </div>
-          </mat-option>
+          </div>
         }
 
         <mat-select-trigger>
@@ -24378,8 +25018,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -24398,7 +25043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 (click)="$event.stopPropagation()"
               />
             </div>
-          </mat-option>
+          </div>
         }
 
         <mat-select-trigger>
@@ -24816,8 +25461,13 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -24837,7 +25487,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
                 (click)="$event.stopPropagation()"
               />
             </div>
-          </mat-option>
+          </div>
         }
 
         <mat-select-trigger>
@@ -24965,8 +25615,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -24986,7 +25641,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 (click)="$event.stopPropagation()"
               />
             </div>
-          </mat-option>
+          </div>
         }
 
         <mat-select-trigger>
@@ -25161,6 +25816,48 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
         }
         return `${labels[0]} +${labels.length - 1}`;
     }
+    selectedTokens() {
+        return this.currentValues().map((value, index) => {
+            const text = this.resolveOptionLabel(value);
+            return {
+                value,
+                text,
+                title: text,
+                trackKey: `${index}:${this.stringifyTokenValue(value)}`,
+            };
+        });
+    }
+    visibleSelectedTokens() {
+        return this.selectedTokens().slice(0, this.maxVisibleSelectedTokens());
+    }
+    hiddenSelectedTokenCount() {
+        return Math.max(0, this.selectedTokens().length - this.maxVisibleSelectedTokens());
+    }
+    hiddenSelectedTokenTitle() {
+        return this.selectedTokens()
+            .slice(this.maxVisibleSelectedTokens())
+            .map((token) => token.text)
+            .join(', ');
+    }
+    selectedTokensAriaLabel() {
+        const labels = this.selectedTokens().map((token) => token.text).join(', ');
+        return labels
+            ? this.tDynamicFields('multiSelect.selectedTokensAriaLabel', 'Selecionados: {{items}}', {
+                items: labels,
+            })
+            : '';
+    }
+    selectedTokenRemoveAriaLabel(text) {
+        return this.tDynamicFields('multiSelect.removeSelectionAriaLabel', 'Remover {{label}}', {
+            label: text,
+        });
+    }
+    selectedPanelTitle() {
+        return this.tDynamicFields('multiSelect.selectedPanelTitle', 'Selecionados');
+    }
+    selectedPanelRemoveHint() {
+        return this.tDynamicFields('multiSelect.selectedPanelRemoveHint', 'Clique para remover');
+    }
     showQuickClear() {
         const clearCfg = this.metadata()?.clearButton;
         if (clearCfg === undefined || clearCfg === null || clearCfg === false) {
@@ -25183,6 +25880,14 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
         event.stopPropagation();
         this.onClearClick();
     }
+    onRemoveSelectedToken(event, value) {
+        event.preventDefault();
+        event.stopPropagation();
+        const next = this.currentValues().filter((item) => !this.equalsOptionValue(item, value));
+        this.control().setValue(next);
+        this.control().markAsDirty();
+        this.control().markAsTouched();
+    }
     onOpenedChange(opened) {
         if (!opened) {
             if (this.searchTerm()) {
@@ -25229,10 +25934,12 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
         return custom || this.searchPlaceholderText();
     }
     ariaLabel() {
-        return (this.metadata()?.ariaLabel ||
+        const base = this.metadata()?.ariaLabel ||
             this.label ||
             this.metadata()?.name ||
-            'Filtro');
+            'Filtro';
+        const selected = this.selectedTokens().map((token) => token.text).join(', ');
+        return selected ? `${base}: ${selected}` : base;
     }
     currentValues() {
         const value = this.control().value;
@@ -25250,6 +25957,19 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
         }
         return JSON.stringify(optionValue) === JSON.stringify(value);
     }
+    maxVisibleSelectedTokens() {
+        const viewportWidth = typeof window !== 'undefined' ? window.innerWidth : 1280;
+        const isMobile = viewportWidth <= 768;
+        return isMobile ? 1 : 2;
+    }
+    stringifyTokenValue(value) {
+        try {
+            return JSON.stringify(value);
+        }
+        catch {
+            return String(value ?? '');
+        }
+    }
     resolveFieldLabelFromMetadata(meta) {
         const candidates = [
             this.label,
@@ -25345,8 +26065,13 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -25365,7 +26090,7 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
                 (click)="$event.stopPropagation()"
               />
             </div>
-          </mat-option>
+          </div>
         }
 
         <mat-select-trigger>
@@ -25383,9 +26108,36 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
                 {{ chipLeadingIcon() }}
               </mat-icon>
             }
-            <span class="pdx-chip-label">{{ displayText() }}</span>
-            @if (selectedCount() > 1) {
-              <span class="pdx-chip-count">{{ selectedCount() }}</span>
+            @if (hasSelection()) {
+              <span
+                class="pdx-chip-token-list"
+                [attr.aria-label]="selectedTokensAriaLabel()"
+              >
+                @for (token of visibleSelectedTokens(); track token.trackKey) {
+                  <span class="pdx-chip-token" [attr.title]="token.title">
+                    <span class="pdx-chip-token-text">{{ token.text }}</span>
+                    <button
+                      type="button"
+                      class="pdx-chip-token-remove"
+                      (mousedown)="onTriggerIconMouseDown($event)"
+                      (click)="onRemoveSelectedToken($event, token.value)"
+                      [attr.aria-label]="selectedTokenRemoveAriaLabel(token.text)"
+                    >
+                      <mat-icon aria-hidden="true">close</mat-icon>
+                    </button>
+                  </span>
+                }
+                @if (hiddenSelectedTokenCount() > 0) {
+                  <span
+                    class="pdx-chip-token-overflow"
+                    [attr.title]="hiddenSelectedTokenTitle()"
+                  >
+                    +{{ hiddenSelectedTokenCount() }}
+                  </span>
+                }
+              </span>
+            } @else {
+              <span class="pdx-chip-label">{{ displayText() }}</span>
             }
             @if (chipTrailingIcon()) {
               <mat-icon
@@ -25432,16 +26184,37 @@ class InlineMultiSelectComponent extends SimpleBaseSelectComponent {
           </mat-option>
         }
 
-        <mat-option
-          *ngFor="let option of filteredOptions(); trackBy: trackByOption"
-          [value]="option.value"
-          [disabled]="isOptionDisabled(option)"
-        >
-          {{ option.label }}
-        </mat-option>
+        @if (hasSelection()) {
+          <mat-option class="pdx-panel-selection-heading" disabled>
+            <span class="pdx-panel-selection-heading-content">
+              <span>{{ selectedPanelTitle() }}</span>
+              <span class="pdx-panel-selection-count">{{ selectedCount() }}</span>
+            </span>
+          </mat-option>
+          @for (token of selectedTokens(); track token.trackKey) {
+            <mat-option
+              class="pdx-panel-selected-option"
+              [value]="token.value"
+            >
+              <span class="pdx-panel-selected-option-content">
+                <span class="pdx-panel-selected-option-text">{{ token.text }}</span>
+                <span class="pdx-panel-selected-option-hint">{{ selectedPanelRemoveHint() }}</span>
+              </span>
+            </mat-option>
+          }
+        }
+
+        @for (option of filteredOptions(); track trackByOption($index, option)) {
+          <mat-option
+            [value]="option.value"
+            [disabled]="isOptionDisabled(option)"
+          >
+            {{ option.label }}
+          </mat-option>
+        }
       </mat-select>
     </mat-form-field>
-  `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-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(--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{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-multiselect-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow: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 .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-multi-select .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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$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: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+  `, isInline: true, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove 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:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width: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(--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{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-multiselect-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent) transparent;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-track{background:transparent}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent)}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 58%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading.mdc-list-item--disabled{color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$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: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: InlineMultiSelectComponent, decorators: [{
             type: Component,
@@ -25481,8 +26254,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         (openedChange)="onOpenedChange($event)"
       >
         @if (searchable()) {
-          <mat-option class="pdx-panel-search-option" disabled>
-            <div class="pdx-panel-search-row" (click)="$event.stopPropagation()">
+          <div
+            class="pdx-panel-search-option"
+            role="presentation"
+            (mousedown)="$event.stopPropagation()"
+            (click)="$event.stopPropagation()"
+          >
+            <div class="pdx-panel-search-row">
               <mat-icon
                 class="pdx-panel-search-icon"
                 aria-hidden="true"
@@ -25501,7 +26279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 (click)="$event.stopPropagation()"
               />
             </div>
-          </mat-option>
+          </div>
         }
 
         <mat-select-trigger>
@@ -25519,9 +26297,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 {{ chipLeadingIcon() }}
               </mat-icon>
             }
-            <span class="pdx-chip-label">{{ displayText() }}</span>
-            @if (selectedCount() > 1) {
-              <span class="pdx-chip-count">{{ selectedCount() }}</span>
+            @if (hasSelection()) {
+              <span
+                class="pdx-chip-token-list"
+                [attr.aria-label]="selectedTokensAriaLabel()"
+              >
+                @for (token of visibleSelectedTokens(); track token.trackKey) {
+                  <span class="pdx-chip-token" [attr.title]="token.title">
+                    <span class="pdx-chip-token-text">{{ token.text }}</span>
+                    <button
+                      type="button"
+                      class="pdx-chip-token-remove"
+                      (mousedown)="onTriggerIconMouseDown($event)"
+                      (click)="onRemoveSelectedToken($event, token.value)"
+                      [attr.aria-label]="selectedTokenRemoveAriaLabel(token.text)"
+                    >
+                      <mat-icon aria-hidden="true">close</mat-icon>
+                    </button>
+                  </span>
+                }
+                @if (hiddenSelectedTokenCount() > 0) {
+                  <span
+                    class="pdx-chip-token-overflow"
+                    [attr.title]="hiddenSelectedTokenTitle()"
+                  >
+                    +{{ hiddenSelectedTokenCount() }}
+                  </span>
+                }
+              </span>
+            } @else {
+              <span class="pdx-chip-label">{{ displayText() }}</span>
             }
             @if (chipTrailingIcon()) {
               <mat-icon
@@ -25568,13 +26373,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           </mat-option>
         }
 
-        <mat-option
-          *ngFor="let option of filteredOptions(); trackBy: trackByOption"
-          [value]="option.value"
-          [disabled]="isOptionDisabled(option)"
-        >
-          {{ option.label }}
-        </mat-option>
+        @if (hasSelection()) {
+          <mat-option class="pdx-panel-selection-heading" disabled>
+            <span class="pdx-panel-selection-heading-content">
+              <span>{{ selectedPanelTitle() }}</span>
+              <span class="pdx-panel-selection-count">{{ selectedCount() }}</span>
+            </span>
+          </mat-option>
+          @for (token of selectedTokens(); track token.trackKey) {
+            <mat-option
+              class="pdx-panel-selected-option"
+              [value]="token.value"
+            >
+              <span class="pdx-panel-selected-option-content">
+                <span class="pdx-panel-selected-option-text">{{ token.text }}</span>
+                <span class="pdx-panel-selected-option-hint">{{ selectedPanelRemoveHint() }}</span>
+              </span>
+            </mat-option>
+          }
+        }
+
+        @for (option of filteredOptions(); track trackByOption($index, option)) {
+          <mat-option
+            [value]="option.value"
+            [disabled]="isOptionDisabled(option)"
+          >
+            {{ option.label }}
+          </mat-option>
+        }
       </mat-select>
     </mat-form-field>
   `, providers: [
@@ -25594,7 +26420,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"inlineMultiSelect"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-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(--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{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-multiselect-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow: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 .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
+                    }, styles: [":host{--pdx-inline-chip-active-clear-color: var(--md-sys-color-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-token-list{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden}.pdx-chip-token{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:104px;padding:2px 6px;border-radius:8px;background:color-mix(in srgb,currentColor 14%,transparent)}.pdx-chip-token-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-chip-token-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer}.pdx-chip-token-remove:hover{background:color-mix(in srgb,currentColor 16%,transparent)}.pdx-chip-token-remove:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 32%,transparent);outline:none}.pdx-chip-token-remove 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:8px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;font-weight:700;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width: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(--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{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-multiselect-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent) transparent;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-track{background:transparent}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 42%,transparent)}::ng-deep .pdx-inline-multiselect-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 58%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-multiselect-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:scroll!important}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading{min-height:34px;padding-inline:18px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 68%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading.mdc-list-item--disabled{color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-heading-content{display:inline-flex;align-items:center;gap:8px;width:100%;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selection-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent);color:var(--md-sys-color-primary);font-size:.72rem}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option{background:color-mix(in srgb,var(--md-sys-color-primary) 10%,var(--md-sys-color-surface-container-highest))}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-content{display:grid;gap:2px;min-width:0}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}::ng-deep .pdx-inline-multiselect-panel .pdx-panel-selected-option-hint{color:var(--md-sys-color-on-surface-variant);font-size:.72rem;line-height:1.2}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{