@praxisui/dynamic-fields 9.0.4-rc.11 → 9.0.4-rc.13

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-03T01:21:00.959Z",
+  "generatedAt": "2026-08-03T16:02:34.468Z",
   "packageName": "@praxisui/dynamic-fields",
-  "packageVersion": "9.0.4-rc.11",
+  "packageVersion": "9.0.4-rc.13",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 76,

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -143,6 +143,7 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
     'praxis.dynamicFields.actions.clear.tooltip': 'Clear',
     'praxis.dynamicFields.actions.clear.ariaLabel': 'Clear field',
     'praxis.dynamicFields.actions.clear.ariaLabelWithLabel': 'Clear {{label}}',
+    'praxis.dynamicFields.datePicker.openCalendarAriaLabel': 'Open calendar',
     'praxis.dynamicFields.help.ariaLabel': 'Help',
     'praxis.dynamicFields.help.ariaLabelWithLabel': 'Help: {{label}}',
     'praxis.dynamicFields.fileUpload.emptySummary': 'No file selected',
@@ -546,6 +547,7 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
     'praxis.dynamicFields.actions.clear.tooltip': 'Limpar',
     'praxis.dynamicFields.actions.clear.ariaLabel': 'Limpar campo',
     'praxis.dynamicFields.actions.clear.ariaLabelWithLabel': 'Limpar {{label}}',
+    'praxis.dynamicFields.datePicker.openCalendarAriaLabel': 'Abrir calendário',
     'praxis.dynamicFields.help.ariaLabel': 'Ajuda',
     'praxis.dynamicFields.help.ariaLabelWithLabel': 'Ajuda: {{label}}',
     'praxis.dynamicFields.fileUpload.emptySummary': 'Nenhum arquivo selecionado',
@@ -2519,6 +2521,12 @@ class SimpleBaseInputComponent {
         }
         return this.resolveDynamicFieldsMessage(tooltip, 'actions.clear.tooltip', 'Limpar');
     }
+    openCalendarAriaLabel() {
+        const fallback = this.i18n.getLocale().toLowerCase().startsWith('en')
+            ? 'Open calendar'
+            : 'Abrir calendário';
+        return this.tDynamicFields('datePicker.openCalendarAriaLabel', fallback);
+    }
     clearActionAriaLabel() {
         const clearButton = this.metadata()?.clearButton;
         const contextualLabel = this.resolveClearActionContextLabel();
@@ -7565,7 +7573,11 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
         />
       </mat-date-range-input>
 
-      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+      <mat-datepicker-toggle
+        matSuffix
+        [for]="picker"
+        [aria-label]="openCalendarAriaLabel()"
+      ></mat-datepicker-toggle>
 
       @if (metadata()?.suffixIcon) {
         <mat-icon
@@ -7711,7 +7723,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         />
       </mat-date-range-input>
 
-      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+      <mat-datepicker-toggle
+        matSuffix
+        [for]="picker"
+        [aria-label]="openCalendarAriaLabel()"
+      ></mat-datepicker-toggle>
 
       @if (metadata()?.suffixIcon) {
         <mat-icon
@@ -8085,7 +8101,11 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
         [matTooltipPosition]="tooltipPosition()"
       />
 
-      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+      <mat-datepicker-toggle
+        matSuffix
+        [for]="picker"
+        [aria-label]="openCalendarAriaLabel()"
+      ></mat-datepicker-toggle>
 
       @if (metadata()?.suffixIcon) {
         <mat-icon
@@ -8189,7 +8209,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         [matTooltipPosition]="tooltipPosition()"
       />
 
-      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
+      <mat-datepicker-toggle
+        matSuffix
+        [for]="picker"
+        [aria-label]="openCalendarAriaLabel()"
+      ></mat-datepicker-toggle>
 
       @if (metadata()?.suffixIcon) {
         <mat-icon
@@ -29067,7 +29091,9 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
     onSearchInput(term) {
         const normalized = String(term ?? '');
         if (this.termControl.value !== normalized) {
-            this.termControl.setValue(normalized, { emitEvent: !!this.resourcePath() });
+            this.termControl.setValue(normalized, {
+                emitEvent: !!this.resourcePath(),
+            });
         }
         if (!this.resourcePath()) {
             this.applyStaticOptionsFilter(normalized);
@@ -29085,7 +29111,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
             this.showEndReachedMessage());
     }
     showEndReachedMessage() {
-        return !!this.resourcePath() && this.endReached() && this.options().length === 0;
+        return (!!this.resourcePath() && this.endReached() && this.options().length === 0);
     }
     onLoadMoreClick(event) {
         event.preventDefault();
@@ -29099,7 +29125,8 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
         this.loadMore();
     }
     placeholderText() {
-        const fromMeta = this.resolveFieldLabelFromMetadata(this.metadata() || {});
+        const fromMeta = this.resolveFieldLabelFromMetadata(this.metadata() ||
+            {});
         return (fromMeta ||
             this.fieldLabelText ||
             this.resolveHumanizedFieldName(this.currentMetadata().name) ||
@@ -29107,7 +29134,8 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
     }
     searchPlaceholderText() {
         const custom = String(this.currentMetadata().searchPlaceholder || '').trim();
-        return custom || this.tDynamicFields('inlineSelect.searchPlaceholder', 'Pesquisar...');
+        return (custom ||
+            this.tDynamicFields('inlineSelect.searchPlaceholder', 'Pesquisar...'));
     }
     ariaLabel() {
         return (this.currentMetadata().ariaLabel ||
@@ -29136,11 +29164,15 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
         const valueRecord = this.asRecord(value);
         if (valueRecord) {
             const label = valueRecord['label'] ?? valueRecord[this.optionLabelKey()];
-            if (label !== undefined && label !== null && String(label).trim().length) {
+            if (label !== undefined &&
+                label !== null &&
+                String(label).trim().length) {
                 return String(label);
             }
             const idValue = valueRecord['id'] ?? valueRecord[this.optionValueKey()];
-            if (idValue !== undefined && idValue !== null && String(idValue).trim().length) {
+            if (idValue !== undefined &&
+                idValue !== null &&
+                String(idValue).trim().length) {
                 return String(idValue);
             }
         }
@@ -29155,7 +29187,10 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
         if (optionRecord && valueRecord) {
             const optionId = optionRecord['id'] ?? optionRecord[this.optionValueKey()];
             const valueId = valueRecord['id'] ?? valueRecord[this.optionValueKey()];
-            if (optionId !== undefined && optionId !== null && valueId !== undefined && valueId !== null) {
+            if (optionId !== undefined &&
+                optionId !== null &&
+                valueId !== undefined &&
+                valueId !== null) {
                 return String(optionId) === String(valueId);
             }
         }
@@ -29192,7 +29227,9 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
         return String(this.termControl.value ?? '').trim();
     }
     applyStaticOptionsFilter(term) {
-        const query = String(term ?? '').trim().toLowerCase();
+        const query = String(term ?? '')
+            .trim()
+            .toLowerCase();
         if (!query) {
             this.options.set(this.staticOptions.map((option) => ({ ...option })));
             return;
@@ -29241,8 +29278,12 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
             baseMinMobile = 100;
             baseMaxMobile = 224;
         }
-        const min = Math.max(92, Math.round(isMobile ? (cfg.minWidthMobile ?? baseMinMobile) : (cfg.minWidth ?? baseMinDesktop)));
-        let max = Math.max(min, Math.round(isMobile ? (cfg.maxWidthMobile ?? baseMaxMobile) : (cfg.maxWidth ?? baseMaxDesktop)));
+        const min = Math.max(92, Math.round(isMobile
+            ? (cfg.minWidthMobile ?? baseMinMobile)
+            : (cfg.minWidth ?? baseMinDesktop)));
+        let max = Math.max(min, Math.round(isMobile
+            ? (cfg.maxWidthMobile ?? baseMaxMobile)
+            : (cfg.maxWidth ?? baseMaxDesktop)));
         max = Math.min(max, Math.max(min, viewportWidth - 48));
         return { min, max };
     }
@@ -29265,7 +29306,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
       [hideRequiredMarker]="true"
       [style.--pdx-inline-async-select-min-w.px]="inlineMinWidthPx || null"
       [style.--pdx-inline-async-select-max-w.px]="inlineMaxWidthPx || null"
-      >
+    >
       @if (chipLeadingIcon()) {
         <mat-icon
           matPrefix
@@ -29273,7 +29314,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
           [color]="iconPalette(chipLeadingIconColor())"
           [style.color]="iconResolvedColor(chipLeadingIconColor())"
           aria-hidden="true"
-          >
+        >
           {{ chipLeadingIcon() }}
         </mat-icon>
       }
@@ -29290,21 +29331,22 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
         [matTooltipDisabled]="inlineTooltipDisabled()"
         [matTooltipPosition]="tooltipPosition()"
         (openedChange)="onOpenedChange($event)"
-        >
+      >
         @if (searchable()) {
           <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"
                 [color]="iconPalette(panelSearchIconColor())"
                 [style.color]="iconResolvedColor(panelSearchIconColor())"
-              >{{ panelSearchIconName() }}</mat-icon>
+                >{{ panelSearchIconName() }}</mat-icon
+              >
               <input
                 #searchInput
                 matInput
@@ -29316,19 +29358,18 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
                 (input)="onSearchInputEvent($event)"
                 (keydown)="onPanelSearchKeydown($event)"
                 (click)="$event.stopPropagation()"
-                />
+              />
             </div>
           </div>
         }
-    
+
         <mat-select-trigger>
-          <span
-            class="pdx-chip-trigger"
-            [class.is-active]="hasSelection()"
-            >
+          <span class="pdx-chip-trigger" [class.is-active]="hasSelection()">
             <span class="pdx-chip-label">{{ displayText() }}</span>
             @if (additionalSelectedCount() > 0) {
-              <span class="pdx-chip-count">+{{ additionalSelectedCount() }}</span>
+              <span class="pdx-chip-count"
+                >+{{ additionalSelectedCount() }}</span
+              >
             }
             @if (loading()) {
               <mat-progress-spinner
@@ -29336,49 +29377,57 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
                 mode="indeterminate"
                 [color]="materialColor()"
                 [attr.aria-label]="loadingOptionsAriaLabel()"
-                />
+              />
             }
             @if (showQuickClear()) {
               <button
                 type="button"
                 class="pdx-chip-clear"
-                  (mousedown)="onTriggerIconMouseDown($event)"
-                  (click)="onQuickClear($event)"
-                  [attr.aria-label]="clearActionAriaLabel()"
-                  [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
-                  >
+                (mousedown)="onTriggerIconMouseDown($event)"
+                (click)="onQuickClear($event)"
+                [attr.aria-label]="clearActionAriaLabel()"
+                [style.--pdx-inline-clear-icon-color]="
+                  iconResolvedColor(clearIconColor())
+                "
+              >
                 <mat-icon
                   [color]="iconPalette(clearIconColor())"
                   [style.color]="iconResolvedColor(clearIconColor())"
-                >{{ clearIconName() }}</mat-icon>
+                  >{{ clearIconName() }}</mat-icon
+                >
               </button>
             }
           </span>
         </mat-select-trigger>
-    
+
         @if (!multiple() && emptyOptionText()) {
-          <mat-option
-            [value]="null"
-            >
+          <mat-option [value]="null">
             {{ emptyOptionText() }}
           </mat-option>
         }
-    
+
         @for (option of options(); track trackByOption($index, option)) {
           <mat-option
             [value]="option.value"
             [disabled]="isOptionDisabled(option)"
-            >
+          >
             {{ option.label }}
           </mat-option>
         }
-    
+
+        @if (resourcePath() && !loading() && options().length === 0) {
+          <mat-option
+            class="pdx-panel-empty-remote-sentinel"
+            disabled
+            aria-hidden="true"
+          ></mat-option>
+        }
+
         @if (loading()) {
           <mat-option class="pdx-panel-loading-option" disabled>
             {{ loadingOptionsLabel() }}
           </mat-option>
         }
-    
       </mat-select>
       @if (chipTrailingIcon()) {
         <mat-icon
@@ -29388,7 +29437,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
           [style.color]="iconResolvedColor(chipTrailingIconColor())"
           [matTooltip]="metadata()?.suffixIconTooltip || null"
           [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
-          >
+        >
           {{ chipTrailingIcon() }}
         </mat-icon>
       }
@@ -29406,7 +29455,7 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
         (loadMore)="onLoadMoreClick($event)"
       />
     }
-    `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var(--pdx-inline-field-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 42%,transparent) transparent;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }] });
+  `, isInline: true, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var( --pdx-inline-panel-state-hover );--mat-option-focus-state-layer-color: var( --pdx-inline-panel-state-hover );--mat-option-selected-state-layer-color: var( --pdx-inline-panel-state-focus );min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 42%,transparent) transparent;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i3$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineAsyncSelectComponent, decorators: [{
             type: Component,
@@ -29418,7 +29467,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatTooltipModule,
                         MatIconModule,
                         MatProgressSpinnerModule,
-                        SelectPanelActionsComponent
+                        SelectPanelActionsComponent,
                     ], template: `
     <mat-form-field
       [appearance]="'outline'"
@@ -29430,7 +29479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [hideRequiredMarker]="true"
       [style.--pdx-inline-async-select-min-w.px]="inlineMinWidthPx || null"
       [style.--pdx-inline-async-select-max-w.px]="inlineMaxWidthPx || null"
-      >
+    >
       @if (chipLeadingIcon()) {
         <mat-icon
           matPrefix
@@ -29438,7 +29487,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           [color]="iconPalette(chipLeadingIconColor())"
           [style.color]="iconResolvedColor(chipLeadingIconColor())"
           aria-hidden="true"
-          >
+        >
           {{ chipLeadingIcon() }}
         </mat-icon>
       }
@@ -29455,21 +29504,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         [matTooltipDisabled]="inlineTooltipDisabled()"
         [matTooltipPosition]="tooltipPosition()"
         (openedChange)="onOpenedChange($event)"
-        >
+      >
         @if (searchable()) {
           <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"
                 [color]="iconPalette(panelSearchIconColor())"
                 [style.color]="iconResolvedColor(panelSearchIconColor())"
-              >{{ panelSearchIconName() }}</mat-icon>
+                >{{ panelSearchIconName() }}</mat-icon
+              >
               <input
                 #searchInput
                 matInput
@@ -29481,19 +29531,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 (input)="onSearchInputEvent($event)"
                 (keydown)="onPanelSearchKeydown($event)"
                 (click)="$event.stopPropagation()"
-                />
+              />
             </div>
           </div>
         }
-    
+
         <mat-select-trigger>
-          <span
-            class="pdx-chip-trigger"
-            [class.is-active]="hasSelection()"
-            >
+          <span class="pdx-chip-trigger" [class.is-active]="hasSelection()">
             <span class="pdx-chip-label">{{ displayText() }}</span>
             @if (additionalSelectedCount() > 0) {
-              <span class="pdx-chip-count">+{{ additionalSelectedCount() }}</span>
+              <span class="pdx-chip-count"
+                >+{{ additionalSelectedCount() }}</span
+              >
             }
             @if (loading()) {
               <mat-progress-spinner
@@ -29501,49 +29550,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 mode="indeterminate"
                 [color]="materialColor()"
                 [attr.aria-label]="loadingOptionsAriaLabel()"
-                />
+              />
             }
             @if (showQuickClear()) {
               <button
                 type="button"
                 class="pdx-chip-clear"
-                  (mousedown)="onTriggerIconMouseDown($event)"
-                  (click)="onQuickClear($event)"
-                  [attr.aria-label]="clearActionAriaLabel()"
-                  [style.--pdx-inline-clear-icon-color]="iconResolvedColor(clearIconColor())"
-                  >
+                (mousedown)="onTriggerIconMouseDown($event)"
+                (click)="onQuickClear($event)"
+                [attr.aria-label]="clearActionAriaLabel()"
+                [style.--pdx-inline-clear-icon-color]="
+                  iconResolvedColor(clearIconColor())
+                "
+              >
                 <mat-icon
                   [color]="iconPalette(clearIconColor())"
                   [style.color]="iconResolvedColor(clearIconColor())"
-                >{{ clearIconName() }}</mat-icon>
+                  >{{ clearIconName() }}</mat-icon
+                >
               </button>
             }
           </span>
         </mat-select-trigger>
-    
+
         @if (!multiple() && emptyOptionText()) {
-          <mat-option
-            [value]="null"
-            >
+          <mat-option [value]="null">
             {{ emptyOptionText() }}
           </mat-option>
         }
-    
+
         @for (option of options(); track trackByOption($index, option)) {
           <mat-option
             [value]="option.value"
             [disabled]="isOptionDisabled(option)"
-            >
+          >
             {{ option.label }}
           </mat-option>
         }
-    
+
+        @if (resourcePath() && !loading() && options().length === 0) {
+          <mat-option
+            class="pdx-panel-empty-remote-sentinel"
+            disabled
+            aria-hidden="true"
+          ></mat-option>
+        }
+
         @if (loading()) {
           <mat-option class="pdx-panel-loading-option" disabled>
             {{ loadingOptionsLabel() }}
           </mat-option>
         }
-    
       </mat-select>
       @if (chipTrailingIcon()) {
         <mat-icon
@@ -29553,7 +29610,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           [style.color]="iconResolvedColor(chipTrailingIconColor())"
           [matTooltip]="metadata()?.suffixIconTooltip || null"
           [attr.aria-label]="metadata()?.suffixIconAriaLabel || null"
-          >
+        >
           {{ chipTrailingIcon() }}
         </mat-icon>
       }
@@ -29571,7 +29628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         (loadMore)="onLoadMoreClick($event)"
       />
     }
-    `, providers: [
+  `, providers: [
                         GenericCrudService,
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -29588,7 +29645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[attr.data-field-type]': '"inlineAsyncSelect"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var(--pdx-inline-field-on-surface);--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var(--md-sys-color-surface-container-highest);--pdx-inline-panel-surface-raised: var(--md-sys-color-surface-container-high);--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var(--md-sys-color-on-surface-variant);--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-focus-state-layer-color: var(--pdx-inline-panel-state-hover);--mat-option-selected-state-layer-color: var(--pdx-inline-panel-state-focus);min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 42%,transparent) transparent;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
+                    }, styles: [":host{--pdx-inline-field-surface: var(--md-sys-color-surface-container-high);--pdx-inline-field-on-surface: var(--md-sys-color-on-surface);--pdx-inline-field-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-field-outline: var(--md-sys-color-outline-variant);--pdx-inline-field-focus-outline: var(--md-sys-color-primary);--pdx-inline-chip-active-clear-color: var( --pdx-inline-field-on-surface );--pdx-inline-chip-active-clear-bg: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 12%, transparent );--pdx-inline-chip-active-clear-bg-hover: color-mix( in srgb, var(--pdx-inline-chip-active-clear-color) 18%, transparent );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--pdx-inline-field-on-surface-muted)!important;box-sizing:border-box}.pdx-chip-trigger.is-active{color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);flex:0 0 var(--pdx-inline-clear-size, 22px);width:var(--pdx-inline-clear-size, 22px);height:var(--pdx-inline-clear-size, 22px);min-width:var(--pdx-inline-clear-size, 22px);display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--pdx-inline-chip-active-clear-color);background:var(--pdx-inline-chip-active-clear-bg);color:var(--pdx-inline-chip-active-clear-color)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:var(--pdx-inline-chip-active-clear-bg-hover)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{flex:none;display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent!important;background-color:transparent!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:0;min-width:0;max-width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--pdx-inline-field-focus-outline);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdx-inline-field-focus-outline) 22%,transparent)}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:inline-flex;align-items:center;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding-inline:var(--pdx-inline-control-padding-x, 16px);border:1px solid var(--pdx-inline-field-outline)!important;border-radius:999px;background:var(--pdx-inline-field-surface)!important;background-color:var(--pdx-inline-field-surface)!important;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease;overflow:visible!important}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--pdx-inline-field-focus-outline)!important;background:var(--md-sys-color-primary)!important;background-color:var(--md-sys-color-primary)!important;color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-value,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-min-line,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-trigger,:host ::ng-deep .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined .pdx-chip-field-icon{color:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-prefix{margin-right:6px}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-icon-suffix{margin-left:6px}:host ::ng-deep .pdx-inline-async-select .pdx-chip-field-icon{flex:0 0 auto}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden;color:var(--pdx-inline-field-on-surface)!important}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select-value-text{width:100%;max-width:100%;min-width:0;display:block;overflow:hidden}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:0;min-inline-size:0;max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent!important;background-color:transparent!important;box-sizing:border-box}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--pdx-inline-field-on-surface-muted)!important;opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{box-shadow:none}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important;width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-inline-async-select-panel{--pdx-inline-panel-surface: var( --md-sys-color-surface-container-highest );--pdx-inline-panel-surface-raised: var( --md-sys-color-surface-container-high );--pdx-inline-panel-on-surface: var(--md-sys-color-on-surface);--pdx-inline-panel-on-surface-muted: var( --md-sys-color-on-surface-variant );--pdx-inline-panel-outline: var(--md-sys-color-outline-variant);--pdx-inline-panel-state-hover: color-mix( in srgb, var(--pdx-inline-panel-on-surface) 10%, var(--pdx-inline-panel-surface) );--pdx-inline-panel-state-focus: color-mix( in srgb, var(--md-sys-color-primary) 16%, var(--pdx-inline-panel-surface) );--mat-select-panel-background-color: var(--pdx-inline-panel-surface);--mat-option-label-text-color: var(--pdx-inline-panel-on-surface);--mat-option-hover-state-layer-color: var( --pdx-inline-panel-state-hover );--mat-option-focus-state-layer-color: var( --pdx-inline-panel-state-hover );--mat-option-selected-state-layer-color: var( --pdx-inline-panel-state-focus );min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 42%,transparent) transparent;border:1px solid var(--pdx-inline-panel-outline)!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar{width:10px}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-track{border-radius:999px;background:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 10%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb{min-height:36px;border:3px solid transparent;border-radius:999px;background-clip:content-box;background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 56%,transparent)}::ng-deep .pdx-inline-async-select-panel::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--pdx-inline-panel-on-surface) 70%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel) div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-inline-async-select-panel{border-radius:22px!important;overflow-x:hidden!important;overflow-y:auto!important;background:var(--pdx-inline-panel-surface)!important;background-color:var(--pdx-inline-panel-surface)!important;color:var(--pdx-inline-panel-on-surface)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem;color:var(--pdx-inline-panel-on-surface)!important;background:transparent!important;background-color:transparent!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-empty-remote-sentinel{display:none!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):hover,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled).mat-mdc-option-active,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:not(.mdc-list-item--disabled):focus{background:var(--pdx-inline-panel-state-hover)!important;background-color:var(--pdx-inline-panel-state-hover)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mat-mdc-option-ripple,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option .mdc-list-item__ripple{opacity:1}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mat-mdc-option-ripple:before,::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:hover .mdc-list-item__ripple:before{background-color:var(--pdx-inline-panel-on-surface);opacity:.08}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option{min-height:auto!important;height:auto!important;padding:7px 12px!important;cursor:default;opacity:1;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important;background-color:color-mix(in srgb,var(--pdx-inline-panel-surface) 72%,var(--pdx-inline-panel-surface-raised))!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{display:block;width:100%}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;width:100%;border:1px solid color-mix(in srgb,var(--pdx-inline-panel-outline) 88%,var(--pdx-inline-panel-on-surface) 12%);border-radius:12px;background:color-mix(in srgb,var(--pdx-inline-panel-surface) 70%,var(--pdx-inline-panel-surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pdx-inline-panel-on-surface) 4%,transparent);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-row:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 12%,transparent);background:var(--pdx-inline-panel-surface)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--pdx-inline-panel-on-surface-muted)}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input{flex:1 1 auto;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--pdx-inline-panel-on-surface);font-size:.95rem}::ng-deep .pdx-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--pdx-inline-panel-on-surface-muted);opacity:.92}::ng-deep .pdx-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--pdx-inline-panel-on-surface-muted)!important}::ng-deep .pdx-inline-async-select-panel .mdc-list-item--selected{background:var(--pdx-inline-panel-state-focus)!important;background-color:var(--pdx-inline-panel-state-focus)!important}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:0;padding:0}:host ::ng-deep .pdx-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pdx-inline-control-height-mobile, 38px);padding-inline:var(--pdx-inline-control-padding-x-mobile, 12px)}:host ::ng-deep .pdx-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:0;padding:0}}\n"] }]
         }], propDecorators: { onViewportResize: [{
                 type: HostListener,
                 args: ['window:resize']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "9.0.4-rc.11",
+  "version": "9.0.4-rc.13",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -11,8 +11,8 @@
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^9.0.4-rc.11",
-    "@praxisui/cron-builder": "^9.0.4-rc.11"
+    "@praxisui/core": "^9.0.4-rc.13",
+    "@praxisui/cron-builder": "^9.0.4-rc.13"
   },
   "dependencies": {
     "libphonenumber-js": "^1.12.41",

package/types/praxisui-dynamic-fields.d.ts

@@ -843,6 +843,7 @@ declare abstract class SimpleBaseInputComponent implements ControlValueAccessor,
         params?: Record<string, any>;
     } | null | undefined, keySuffix: string, fallback: string, params?: Record<string, string | number | boolean | null | undefined>): string;
     protected clearActionTooltip(): string | null;
+    protected openCalendarAriaLabel(): string;
     protected clearActionAriaLabel(): string;
     private resolveClearActionContextLabel;
     private interpolateValidationMessage;