@praxisui/dynamic-fields 3.0.0-beta.3 → 3.0.0-beta.5

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -197,7 +197,18 @@ const PRAXIS_DYNAMIC_FIELDS_EN_US = {
     'praxis.dynamicFields.inlineCurrencyRange.ariaSelection': '{{label}}: {{value}}',
     'praxis.dynamicFields.inlineCurrencyRange.value.from': '>= {{value}}',
     'praxis.dynamicFields.inlineCurrencyRange.value.upto': '<= {{value}}',
-    'praxis.dynamicFields.inlineSelect.placeholder': 'Filter',
+    'praxis.dynamicFields.inlineSelect.placeholder': 'Select',
+    'praxis.dynamicFields.inlinePipelineStatus.placeholder': 'Pipeline',
+    'praxis.dynamicFields.inlinePipelineStatus.panelSubtitle': 'Configurable panel for stages, statuses, or priorities',
+    'praxis.dynamicFields.inlinePipelineStatus.searchPlaceholder': 'Search stages...',
+    'praxis.dynamicFields.inlinePipelineStatus.selectionActionsAriaLabel': 'Selection actions',
+    'praxis.dynamicFields.inlinePipelineStatus.clearActionLabel': 'Clear',
+    'praxis.dynamicFields.inlinePipelineStatus.selectionPillsAriaLabel': 'Selected items',
+    'praxis.dynamicFields.inlinePipelineStatus.barAriaEmpty': '{{label}} with no selected items',
+    'praxis.dynamicFields.inlinePipelineStatus.barAriaSelected': '{{label}} with {{count}} selected items',
+    'praxis.dynamicFields.inlinePipelineStatus.optionsGroupAriaLabelMultiple': 'Multiple selection options',
+    'praxis.dynamicFields.inlinePipelineStatus.optionsGroupAriaLabelSingle': 'Single selection options',
+    'praxis.dynamicFields.inlinePipelineStatus.emptyStateText': 'No options found',
     'praxis.dynamicFields.inlineSelect.searchPlaceholder': 'Search...',
     'praxis.dynamicFields.inlineTreeSelect.placeholder': 'Tree',
     'praxis.dynamicFields.inlineTreeSelect.searchPlaceholder': 'Search tree...',
@@ -354,7 +365,18 @@ const PRAXIS_DYNAMIC_FIELDS_PT_BR = {
     'praxis.dynamicFields.inlineCurrencyRange.ariaSelection': '{{label}}: {{value}}',
     'praxis.dynamicFields.inlineCurrencyRange.value.from': '>= {{value}}',
     'praxis.dynamicFields.inlineCurrencyRange.value.upto': '<= {{value}}',
-    'praxis.dynamicFields.inlineSelect.placeholder': 'Filtro',
+    'praxis.dynamicFields.inlineSelect.placeholder': 'Selecionar',
+    'praxis.dynamicFields.inlinePipelineStatus.placeholder': 'Pipeline',
+    'praxis.dynamicFields.inlinePipelineStatus.panelSubtitle': 'Painel de seleção configurável para estágios, status ou prioridades',
+    'praxis.dynamicFields.inlinePipelineStatus.searchPlaceholder': 'Pesquisar estágios...',
+    'praxis.dynamicFields.inlinePipelineStatus.selectionActionsAriaLabel': 'Ações da seleção',
+    'praxis.dynamicFields.inlinePipelineStatus.clearActionLabel': 'Limpar',
+    'praxis.dynamicFields.inlinePipelineStatus.selectionPillsAriaLabel': 'Itens selecionados',
+    'praxis.dynamicFields.inlinePipelineStatus.barAriaEmpty': '{{label}} sem itens selecionados',
+    'praxis.dynamicFields.inlinePipelineStatus.barAriaSelected': '{{label}} com {{count}} itens selecionados',
+    'praxis.dynamicFields.inlinePipelineStatus.optionsGroupAriaLabelMultiple': 'Opções de seleção múltipla',
+    'praxis.dynamicFields.inlinePipelineStatus.optionsGroupAriaLabelSingle': 'Opções de seleção única',
+    'praxis.dynamicFields.inlinePipelineStatus.emptyStateText': 'Nenhuma opção encontrada',
     'praxis.dynamicFields.inlineSelect.searchPlaceholder': 'Pesquisar...',
     'praxis.dynamicFields.inlineTreeSelect.placeholder': 'Árvore',
     'praxis.dynamicFields.inlineTreeSelect.searchPlaceholder': 'Buscar na árvore...',
@@ -557,7 +579,7 @@ class SimpleBaseInputComponent {
         const enabled = typeof cfg === 'boolean' ? cfg : cfg.enabled !== false;
         if (!enabled)
             return false;
-        if (this.disabledMode || this.isReadonlyEffective?.() || this.presentationMode) {
+        if (this.isInteractionBlockedByState()) {
             return false;
         }
         if (cfg !== true && cfg?.showOnlyWhenFilled) {
@@ -737,13 +759,18 @@ class SimpleBaseInputComponent {
     /**
      * Tooltip usado pelos campos inline:
      * 1) prioriza erro quando validators.errorPosition = tooltip
-     * 2) fallback para contexto "Campo: valor" quando houver valor preenchido
+     * 2) materializa help text explícito do metadata (tooltip/hint)
+     * 3) fallback para contexto "Campo: valor" quando houver valor preenchido
      */
     inlineTooltipText() {
         const validationTooltip = this.tooltipEnabled() ? String(this.errorMessage() || '').trim() : '';
         if (validationTooltip.length) {
             return validationTooltip;
         }
+        const explicitHelpTooltip = this.resolveInlineHelpTooltipText();
+        if (explicitHelpTooltip.length) {
+            return explicitHelpTooltip;
+        }
         if (!this.isInlineContextTooltipEnabled()) {
             return '';
         }
@@ -774,6 +801,28 @@ class SimpleBaseInputComponent {
     resolveInlineContextTooltipValue() {
         return this.stringifyInlineContextValue(this.control().value);
     }
+    resolveInlineHelpTooltipText() {
+        const meta = this.metadata();
+        const candidates = [
+            meta?.inlineTooltip,
+            meta?.tooltip,
+            meta?.hint,
+        ];
+        for (const candidate of candidates) {
+            const text = String(candidate ?? '').trim();
+            if (text.length) {
+                return this.truncateInlineTooltipText(text);
+            }
+        }
+        return '';
+    }
+    isInteractionBlockedByState(options) {
+        const includeReadonly = options?.includeReadonly !== false;
+        const includePresentation = options?.includePresentation !== false;
+        const readonlyBlocked = includeReadonly && !!this.isReadonlyEffective?.();
+        const presentationBlocked = includePresentation && !!this.presentationMode;
+        return !!this.disabledMode || this.control().disabled || readonlyBlocked || presentationBlocked;
+    }
     resolveInlineContextTooltipLabel() {
         const meta = this.metadata();
         const candidates = [
@@ -1376,6 +1425,9 @@ class SimpleBaseInputComponent {
             this.nativeElement.setAttribute('aria-label', meta.ariaLabel);
         if (meta.ariaDescribedby)
             this.nativeElement.setAttribute('aria-describedby', meta.ariaDescribedby);
+        else if (meta.hint) {
+            this.nativeElement.setAttribute('aria-description', String(meta.hint));
+        }
         if (meta.ariaLabelledby)
             this.nativeElement.setAttribute('aria-labelledby', meta.ariaLabelledby);
         if (meta.required !== undefined) {
@@ -3436,6 +3488,7 @@ class ComponentRegistryService {
         this.registry.forEach((registration) => {
             registration.cached = undefined;
             registration.cachedAt = undefined;
+            registration.loadingPromise = undefined;
             registration.loadAttempts = 0;
             registration.lastError = undefined;
         });
@@ -3466,6 +3519,7 @@ class ComponentRegistryService {
         if (registration) {
             registration.cached = undefined;
             registration.cachedAt = undefined;
+            registration.loadingPromise = undefined;
             registration.loadAttempts = 0;
             registration.lastError = undefined;
             this.logger.debug(`[ComponentRegistry] Cache limpo para ${type}`, this.buildLogOptions({ controlType: type }, {
@@ -3721,6 +3775,18 @@ class ComponentRegistryService {
      * Carrega componente com lógica de retry
      */
     async loadComponentWithRetry(registration, type) {
+        if (registration.loadingPromise) {
+            return registration.loadingPromise;
+        }
+        const loadPromise = this.performLoadWithRetry(registration, type).finally(() => {
+            if (registration.loadingPromise === loadPromise) {
+                registration.loadingPromise = undefined;
+            }
+        });
+        registration.loadingPromise = loadPromise;
+        return loadPromise;
+    }
+    async performLoadWithRetry(registration, type) {
         const attempts = registration.loadAttempts || 0;
         if (attempts >= MAX_LOAD_ATTEMPTS) {
             this.logger.error(`[ComponentRegistry] Máximo de tentativas atingido para '${type}'. Último erro:`, this.buildLogOptions({ controlType: type, lastError: registration.lastError }, { context: { actionId: 'component.load-with-retry' } }));
@@ -3745,6 +3811,7 @@ class ComponentRegistryService {
             registration.cached = component;
             registration.cachedAt = Date.now();
             registration.loadAttempts = 0;
+            registration.loadingPromise = undefined;
             registration.lastError = undefined;
             // Log apenas na primeira vez que carrega (não em cache hits subsequentes)
             if (attempts === 0) {
@@ -3756,11 +3823,12 @@ class ComponentRegistryService {
             return component;
         }
         catch (error) {
+            registration.loadingPromise = undefined;
             registration.lastError = error;
             this.logger.error(`[ComponentRegistry] Erro na tentativa ${attempts + 1} para '${type}':`, this.buildLogOptions({ controlType: type, attempt: attempts + 1, error }, { context: { actionId: 'component.load-with-retry' } }));
             // Se não é a última tentativa, tentar novamente
             if (attempts + 1 < MAX_LOAD_ATTEMPTS) {
-                return this.loadComponentWithRetry(registration, type);
+                return this.performLoadWithRetry(registration, type);
             }
             return null;
         }
@@ -5197,17 +5265,62 @@ class DynamicFieldLoaderDirective {
         this.lastFieldsSnapshot = this.buildFieldSnapshot(fieldsSnapshot);
         this.dbg('[DFL] executeRendering: complete', { totalCreated: createdFieldNames.length, hadErrors });
     }
-    /** Builds a minimal snapshot capturing changes that matter for re-rendering. */
+    /** Builds a semantic snapshot capturing metadata changes that affect runtime rendering. */
     buildFieldSnapshot(fields) {
         return (fields || []).map((f) => {
-            const readonly = f.readonly ?? f.readOnly ?? false;
-            const disabled = !!f.disabled;
-            const hidden = !!(f.hidden || f.formHidden);
-            const required = !!(f.required || f?.validators?.required);
-            const sig = JSON.stringify({ r: required, ro: !!readonly, d: disabled, h: hidden });
-            return { name: f.name, controlType: f.controlType, sig };
+            return {
+                name: f.name,
+                controlType: f.controlType,
+                sig: this.buildFieldSemanticSignature(f),
+            };
         });
     }
+    buildFieldSemanticSignature(field) {
+        const seen = new WeakSet();
+        const normalize = (value) => {
+            if (value === null || value === undefined)
+                return value;
+            if (typeof value === 'string' ||
+                typeof value === 'number' ||
+                typeof value === 'boolean') {
+                return value;
+            }
+            if (value instanceof Date) {
+                return value.toISOString();
+            }
+            if (Array.isArray(value)) {
+                return value.map((item) => normalize(item));
+            }
+            if (typeof value === 'function' || typeof value === 'symbol') {
+                return undefined;
+            }
+            if (typeof value !== 'object') {
+                return String(value);
+            }
+            if (seen.has(value)) {
+                return '[Circular]';
+            }
+            seen.add(value);
+            const source = value;
+            const normalized = {};
+            Object.keys(source)
+                .sort()
+                .forEach((key) => {
+                if (key === 'control' ||
+                    key === 'formControl' ||
+                    key === 'formGroup' ||
+                    key === 'componentRef') {
+                    return;
+                }
+                const next = normalize(source[key]);
+                if (next !== undefined) {
+                    normalized[key] = next;
+                }
+            });
+            return normalized;
+        };
+        return JSON.stringify(normalize(field));
+    }
     /**
      * Reatribui apenas os FormControls existentes aos componentes/shells sem refazer a renderização.
      */
@@ -7337,9 +7450,33 @@ class MaterialButtonComponent extends SimpleBaseButtonComponent {
     // =============================================================================
     // LIFECYCLE
     // =============================================================================
+    syncKeyboardShortcutEffect = effect((onCleanup) => {
+        const shortcut = this.keyboardShortcut();
+        if (!shortcut || !this.keyboardService) {
+            return;
+        }
+        const unregister = this.keyboardService.registerShortcut(shortcut, {
+            callback: () => { this.triggerAction(); },
+            description: this.resolveDynamicFieldsMessage(null, 'button.shortcutDescription', 'Executar {{label}}', {
+                label: this.metadata()?.label || this.tDynamicFields('button.defaultLabel', 'Button'),
+            }),
+            componentId: this.componentId(),
+            priority: 10
+        });
+        this.unregisterShortcut = unregister;
+        this.log('debug', 'Keyboard shortcut registered', { shortcut });
+        onCleanup(() => {
+            try {
+                unregister?.();
+            }
+            catch { }
+            if (this.unregisterShortcut === unregister) {
+                this.unregisterShortcut = undefined;
+            }
+        });
+    }, ...(ngDevMode ? [{ debugName: "syncKeyboardShortcutEffect" }] : []));
     ngOnInit() {
         super.ngOnInit();
-        this.setupKeyboardShortcuts();
     }
     ngOnDestroy() {
         super.ngOnDestroy();
@@ -7414,23 +7551,6 @@ class MaterialButtonComponent extends SimpleBaseButtonComponent {
             isIconOnly: this.isIconOnlyButton()
         };
     }
-    // =============================================================================
-    // MÉTODOS PRIVADOS
-    // =============================================================================
-    setupKeyboardShortcuts() {
-        const shortcut = this.keyboardShortcut();
-        if (shortcut && this.keyboardService) {
-            this.unregisterShortcut = this.keyboardService.registerShortcut(shortcut, {
-                callback: () => { this.triggerAction(); },
-                description: this.resolveDynamicFieldsMessage(null, 'button.shortcutDescription', 'Executar {{label}}', {
-                    label: this.metadata()?.label || this.tDynamicFields('button.defaultLabel', 'Button'),
-                }),
-                componentId: this.componentId(),
-                priority: 10
-            });
-            this.log('debug', 'Keyboard shortcut registered', { shortcut });
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialButtonComponent, isStandalone: true, selector: "pdx-material-button", host: { properties: { "class": "componentCssClasses()", "attr.data-field-type": "\"button\"", "attr.data-field-name": "metadata()?.name", "attr.data-button-variant": "buttonVariant()", "attr.data-component-id": "componentId()" } }, usesInheritance: true, ngImport: i0, template: "<!-- Container principal do button -->\n<div class=\"pdx-button-container\" [class]=\"componentCssClasses()\">\n\n  <!-- Button b\u00E1sico -->\n  @if (buttonVariant() === 'basic') {\n    <button\n      mat-button\n      [type]=\"buttonType()\"\n      [color]=\"materialColor()\"\n      [disabled]=\"isDisabled()\"\n      [disableRipple]=\"shouldDisableRipple()\"\n      [attr.aria-label]=\"metadata()?.label\"\n      [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n      [matTooltip]=\"tooltipText()\"\n      [matTooltipDisabled]=\"!tooltipText()\"\n      matTooltipPosition=\"above\"\n      (click)=\"handleClick($event)\"\n                        class=\"pdx-button-element\">\n      \n      @if (isLoading()) {\n        <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n      }\n      \n      @if (shouldShowIcon()) {\n        <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n      }\n      \n      <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n    </button>\n  }\n\n  <!-- Button raised -->\n  @if (buttonVariant() === 'raised') {\n    <button\n      mat-raised-button\n      [type]=\"buttonType()\"\n      [color]=\"materialColor()\"\n      [disabled]=\"isDisabled()\"\n      [disableRipple]=\"shouldDisableRipple()\"\n      [attr.aria-label]=\"metadata()?.label\"\n      [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n      [matTooltip]=\"tooltipText()\"\n      [matTooltipDisabled]=\"!tooltipText()\"\n      matTooltipPosition=\"above\"\n      (click)=\"handleClick($event)\"\n                        class=\"pdx-button-element\">\n      \n      @if (isLoading()) {\n        <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n      }\n      \n      @if (shouldShowIcon()) {\n        <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n      }\n      \n      <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n    </button>\n  }\n\n  <!-- Button stroked -->\n  @if (buttonVariant() === 'stroked') {\n    <button\n      mat-stroked-button\n      [type]=\"buttonType()\"\n      [color]=\"materialColor()\"\n      [disabled]=\"isDisabled()\"\n      [disableRipple]=\"shouldDisableRipple()\"\n      [attr.aria-label]=\"metadata()?.label\"\n      [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n      [matTooltip]=\"tooltipText()\"\n      [matTooltipDisabled]=\"!tooltipText()\"\n      matTooltipPosition=\"above\"\n      (click)=\"handleClick($event)\"\n                        class=\"pdx-button-element\">\n      \n      @if (isLoading()) {\n        <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n      }\n      \n      @if (shouldShowIcon()) {\n        <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n      }\n      \n      <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n    </button>\n  }\n\n  <!-- Button flat -->\n  @if (buttonVariant() === 'flat') {\n    <button\n      mat-flat-button\n      [type]=\"buttonType()\"\n      [color]=\"materialColor()\"\n      [disabled]=\"isDisabled()\"\n      [disableRipple]=\"shouldDisableRipple()\"\n      [attr.aria-label]=\"metadata()?.label\"\n      [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n      [matTooltip]=\"tooltipText()\"\n      [matTooltipDisabled]=\"!tooltipText()\"\n      matTooltipPosition=\"above\"\n      (click)=\"handleClick($event)\"\n                        class=\"pdx-button-element\">\n      \n      @if (isLoading()) {\n        <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n      }\n      \n      @if (shouldShowIcon()) {\n        <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n      }\n      \n      <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n    </button>\n  }\n\n  <!-- Button icon -->\n  @if (buttonVariant() === 'icon') {\n    <button\n      mat-icon-button\n      [type]=\"buttonType()\"\n      [color]=\"materialColor()\"\n      [disabled]=\"isDisabled()\"\n      [disableRipple]=\"shouldDisableRipple()\"\n      [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n      [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n      [matTooltip]=\"tooltipText() || metadata()?.label\"\n      [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n      matTooltipPosition=\"above\"\n      (click)=\"handleClick($event)\"\n                        class=\"pdx-button-element\">\n      \n      @if (isLoading()) {\n        <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n      } @else {\n        <mat-icon [praxisIcon]=\"buttonIcon() || 'mi:smart_button'\"></mat-icon>\n      }\n    </button>\n  }\n\n  <!-- Button FAB -->\n  @if (buttonVariant() === 'fab') {\n    <button\n      mat-fab\n      [type]=\"buttonType()\"\n      [color]=\"materialColor()\"\n      [disabled]=\"isDisabled()\"\n      [disableRipple]=\"shouldDisableRipple()\"\n      [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n      [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n      [matTooltip]=\"tooltipText() || metadata()?.label\"\n      [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n      matTooltipPosition=\"above\"\n      (click)=\"handleClick($event)\"\n                        class=\"pdx-button-element\">\n      \n      @if (isLoading()) {\n        <mat-spinner diameter=\"20\" class=\"pdx-button-spinner\"></mat-spinner>\n      } @else {\n        <mat-icon [praxisIcon]=\"buttonIcon() || 'add'\"></mat-icon>\n      }\n    </button>\n  }\n\n  <!-- Button Mini FAB -->\n  @if (buttonVariant() === 'mini-fab') {\n    <button\n      mat-mini-fab\n      [type]=\"buttonType()\"\n      [color]=\"materialColor()\"\n      [disabled]=\"isDisabled()\"\n      [disableRipple]=\"shouldDisableRipple()\"\n      [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n      [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n      [matTooltip]=\"tooltipText() || metadata()?.label\"\n      [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n      matTooltipPosition=\"above\"\n      (click)=\"handleClick($event)\"\n                        class=\"pdx-button-element\">\n      \n      @if (isLoading()) {\n        <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n      } @else {\n        <mat-icon [praxisIcon]=\"buttonIcon() || 'add'\"></mat-icon>\n      }\n    </button>\n  }\n\n  <!-- Descri\u00E7\u00E3o do bot\u00E3o (se dispon\u00EDvel) -->\n  @if (metadata()?.description && !isIconOnlyButton()) {\n    <div \n      class=\"pdx-button-description\"\n      [id]=\"componentId() + '-description'\">\n      {{ metadata()?.description }}\n    </div>\n  }\n\n</div>\n\n<!-- Loading indicator para valida\u00E7\u00E3o ass\u00EDncrona -->\n@if (isLoading()) {\n  <div class=\"pdx-validation-loading\" [attr.aria-label]=\"validationLoadingAriaLabel()\">\n    <mat-icon class=\"pdx-loading-spinner\" [praxisIcon]=\"'mi:hourglass_empty'\"></mat-icon>\n    <span class=\"pdx-sr-only\">{{ validationLoadingSrOnly() }}</span>\n  </div>\n}\n\n<!-- Indicador de estado enterprise (debug) -->\n@if (false && metadata()?.security) {\n  <div class=\"pdx-debug-info\">\n    <small class=\"pdx-debug-security\">\n      Security Level: {{ metadata()?.security?.securityLevel }}\n      @if (metadata()?.security?.audit?.enabled) {\n        | Audit: ON\n      }\n      | Clicks: {{ 0 }}\n      @if (keyboardShortcut()) {\n        | Shortcut: {{ keyboardShortcut() }}\n      }\n    </small>\n  </div>\n}\n", styles: [".pdx-button-container{display:inline-block;position:relative}.pdx-button-container .pdx-button-element{position:relative;overflow:hidden;transition:all .2s ease}.pdx-button-container .pdx-button-element.pdx-button-with-icon .pdx-button-icon{margin-right:8px;font-size:18px;height:18px;width:18px}.pdx-button-container .pdx-button-element .pdx-button-spinner{margin-right:8px}.pdx-button-container .pdx-button-element .pdx-button-spinner:only-child{margin-right:0}.pdx-button-container .pdx-button-element .pdx-button-text{display:inline-block;vertical-align:middle}.pdx-button-container .pdx-button-element:disabled{cursor:not-allowed;opacity:.6}.pdx-button-container .pdx-button-element:focus{outline:2px solid var(--mat-focus-indicator-color, var(--md-sys-color-primary));outline-offset:2px}.pdx-button-container .pdx-button-description{margin-top:4px;font-size:12px;color:var(--mat-form-field-subscript-text-color);text-align:center;line-height:1.3}.pdx-button-container.pdx-button-loading .pdx-button-element{cursor:wait}.pdx-button-container.pdx-button-loading .pdx-button-element .pdx-button-text{opacity:.7}.pdx-button-container.pdx-button-pressed .pdx-button-element{transform:scale(.98);transition:transform .1s ease}.pdx-button-container.pdx-button-no-ripple .pdx-button-element .mat-ripple{display:none}.pdx-button-container.pdx-button-variant-raised .pdx-button-element{box-shadow:var(--md-sys-elevation-level1, var(--md-sys-elevation-level1))}.pdx-button-container.pdx-button-variant-raised .pdx-button-element:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2, var(--md-sys-elevation-level2))}.pdx-button-container.pdx-button-variant-stroked .pdx-button-element{border:1px solid var(--mat-stroked-button-outline-color)}.pdx-button-container.pdx-button-variant-icon .pdx-button-element{min-width:40px;width:40px;height:40px;border-radius:50%}.pdx-button-container.pdx-button-variant-icon .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element{min-width:56px;width:56px;height:56px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element .mat-icon{font-size:24px;height:24px;width:24px}.pdx-button-container.pdx-button-variant-mini-fab .pdx-button-element{min-width:40px;width:40px;height:40px}.pdx-button-container.pdx-button-variant-mini-fab .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container.pdx-button-icon-only .pdx-button-description{max-width:120px;font-size:11px}.pdx-validation-loading{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--mat-form-field-subscript-text-color);font-size:12px}.pdx-validation-loading .pdx-loading-spinner{font-size:16px;height:16px;width:16px;animation:spin 1s linear infinite}.pdx-validation-loading .pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-debug-info{margin-top:8px;padding:4px 8px;background-color:var(--mat-toolbar-container-background-color, var(--md-sys-color-surface-variant));border-radius:4px;max-width:200px}.pdx-debug-info .pdx-debug-security{font-family:monospace;font-size:10px;color:var(--mat-toolbar-container-text-color, var(--md-sys-color-on-surface-variant));word-break:break-all}@media(max-width:600px){.pdx-button-container.pdx-button-variant-fab .pdx-button-element{min-width:48px;width:48px;height:48px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container .pdx-button-element.pdx-button-with-icon .pdx-button-icon{margin-right:6px;font-size:16px;height:16px;width:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.pdx-button-container .pdx-button-element:hover:not(:disabled){transform:translateY(-1px);transition:transform .2s ease}.pdx-button-container .pdx-button-element:active:not(:disabled){transform:translateY(0) scale(.98);transition:transform .1s ease}.pdx-button-container.pdx-button-loading .pdx-button-element{animation:buttonPulse 1.5s infinite ease-in-out}@media(prefers-reduced-motion:reduce){.pdx-button-container .pdx-button-element{transition:none;animation:none}.pdx-button-container .pdx-button-element:hover:not(:disabled){transform:none}.pdx-button-container .pdx-button-element:active:not(:disabled){transform:none}.pdx-loading-spinner,.pdx-button-loading .pdx-button-element{animation:none}}@media(prefers-contrast:high){.pdx-button-container .pdx-button-element:focus{outline:3px solid;outline-offset:2px}}@media(prefers-color-scheme:dark){.pdx-button-container.pdx-button-variant-raised .pdx-button-element{box-shadow:var(--md-sys-elevation-level2, var(--md-sys-elevation-level2))}.pdx-button-container.pdx-button-variant-raised .pdx-button-element:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level3, var(--md-sys-elevation-level3))}}@media print{.pdx-button-container .pdx-button-element{box-shadow:none!important;border:1px solid var(--md-sys-color-outline);background:transparent!important;color:var(--md-sys-color-on-surface)!important}.pdx-button-container .pdx-button-element .pdx-button-spinner,.pdx-validation-loading,.pdx-debug-info{display:none}}.pdx-button-container .mat-primary.pdx-button-loading{background-color:var(--md-sys-color-primary)}.pdx-button-container .mat-accent.pdx-button-loading{background-color:var(--md-sys-color-secondary)}.pdx-button-container .mat-warn.pdx-button-loading{background-color:var(--md-sys-color-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
@@ -14070,7 +14190,10 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
     }
     placeholderText() {
         const fromMeta = this.resolveFieldLabelFromMetadata(this.currentMetadata());
-        return fromMeta || this.fieldLabelText || this.tDynamicFields('inlineSelect.placeholder', 'Filtro');
+        return (fromMeta ||
+            this.fieldLabelText ||
+            this.resolveHumanizedFieldName(this.currentMetadata().name) ||
+            this.tDynamicFields('inlineSelect.placeholder', 'Selecionar'));
     }
     searchPlaceholderText() {
         const custom = String(this.currentMetadata().searchPlaceholder || '').trim();
@@ -14093,7 +14216,20 @@ class InlineSelectComponent extends SimpleBaseSelectComponent {
                 return text;
             }
         }
-        return this.tDynamicFields('inlineSelect.placeholder', 'Filtro');
+        return '';
+    }
+    resolveHumanizedFieldName(value) {
+        const raw = String(value ?? '').trim();
+        if (!raw)
+            return '';
+        const spaced = raw
+            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+            .replace(/[_\-.]+/g, ' ')
+            .replace(/\s+/g, ' ')
+            .trim();
+        if (!spaced)
+            return '';
+        return spaced.charAt(0).toUpperCase() + spaced.slice(1);
     }
     ariaLabel() {
         const custom = String(this.currentMetadata().ariaLabel || '').trim();
@@ -16159,7 +16295,10 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
     }
     placeholderText() {
         const fromMeta = this.resolveFieldLabelFromMetadata(this.metadata() || {});
-        return fromMeta || this.fieldLabelText || this.tDynamicFields('inlineSelect.placeholder', 'Filtro');
+        return (fromMeta ||
+            this.fieldLabelText ||
+            this.resolveHumanizedFieldName(this.currentMetadata().name) ||
+            this.tDynamicFields('inlineSelect.placeholder', 'Selecionar'));
     }
     searchPlaceholderText() {
         const custom = String(this.currentMetadata().searchPlaceholder || '').trim();
@@ -16168,8 +16307,21 @@ class InlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
     ariaLabel() {
         return (this.currentMetadata().ariaLabel ||
             this.label ||
-            this.metadata()?.name ||
-            'Filtro');
+            this.resolveHumanizedFieldName(this.metadata()?.name) ||
+            this.placeholderText());
+    }
+    resolveHumanizedFieldName(value) {
+        const raw = String(value ?? '').trim();
+        if (!raw)
+            return '';
+        const spaced = raw
+            .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+            .replace(/[_\-.]+/g, ' ')
+            .replace(/\s+/g, ' ')
+            .trim();
+        if (!spaced)
+            return '';
+        return spaced.charAt(0).toUpperCase() + spaced.slice(1);
     }
     resolveOptionLabel(value) {
         const option = this.options().find((item) => this.equalsOptionValue(item.value, value));
@@ -17888,6 +18040,9 @@ class InlineInputComponent extends SimpleBaseInputComponent {
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
+        if (this.inputEl?.nativeElement) {
+            this.registerInputElement(this.inputEl.nativeElement);
+        }
         this.scheduleInlineResize();
     }
     onComponentDestroy() {
@@ -18114,6 +18269,7 @@ class InlineInputComponent extends SimpleBaseInputComponent {
         [placeholder]="placeholderText()"
         [required]="metadata()?.required || false"
         [readonly]="isReadonlyEffective()"
+        [disabled]="disabledMode || control().disabled"
         [autocomplete]="metadata()?.autocomplete || 'off'"
         [spellcheck]="metadata()?.spellcheck ?? false"
         [maxlength]="metadata()?.maxLength || null"
@@ -18193,6 +18349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         [placeholder]="placeholderText()"
         [required]="metadata()?.required || false"
         [readonly]="isReadonlyEffective()"
+        [disabled]="disabledMode || control().disabled"
         [autocomplete]="metadata()?.autocomplete || 'off'"
         [spellcheck]="metadata()?.spellcheck ?? false"
         [maxlength]="metadata()?.maxLength || null"
@@ -19383,6 +19540,9 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
+        if (this.inputEl?.nativeElement) {
+            this.registerInputElement(this.inputEl.nativeElement);
+        }
         this.scheduleInlineResize();
     }
     onComponentDestroy() {
@@ -19811,6 +19971,7 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
           [placeholder]="placeholderText()"
           [required]="metadata()?.required || false"
           [readonly]="isReadonlyEffective()"
+          [disabled]="disabledMode || control().disabled"
           [autocomplete]="metadata()?.autocomplete || 'off'"
           [spellcheck]="metadata()?.spellcheck ?? false"
           [min]="effectiveMinValue()"
@@ -19923,6 +20084,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           [placeholder]="placeholderText()"
           [required]="metadata()?.required || false"
           [readonly]="isReadonlyEffective()"
+          [disabled]="disabledMode || control().disabled"
           [autocomplete]="metadata()?.autocomplete || 'off'"
           [spellcheck]="metadata()?.spellcheck ?? false"
           [min]="effectiveMinValue()"
@@ -20995,7 +21157,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         return this.distributionVisual().opacity;
     }
     isInteractionBlocked() {
-        return this.disabledMode || this.isReadonlyEffective();
+        return this.isInteractionBlockedByState();
     }
     hasSelection() {
         return this.currentRangeValue() !== null;
@@ -22315,7 +22477,7 @@ class InlineRangeSliderComponent extends SimpleBaseInputComponent {
         return String(this.currentMetadata().mode || 'single').toLowerCase() === 'range';
     }
     isInteractionBlocked() {
-        return this.disabledMode || this.isReadonlyEffective();
+        return this.isInteractionBlockedByState();
     }
     hasSelection() {
         if (this.isRangeMode()) {
@@ -25348,10 +25510,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         this.scheduleInlineResize();
     }
     isInteractionBlocked() {
-        return (this.disabledMode ||
-            this.presentationMode ||
-            this.isReadonlyEffective() ||
-            this.control().disabled);
+        return this.isInteractionBlockedByState();
     }
     showQuickClear() {
         const clearCfg = this.currentMetadata().clearButton;
@@ -26698,7 +26857,7 @@ class InlineTimeComponent extends MaterialTimepickerComponent {
         return getErrorStateMatcherForField(this.metadata());
     }
     isInteractionBlocked() {
-        return this.disabledMode || this.isReadonlyEffective() || this.presentationMode;
+        return this.isInteractionBlockedByState();
     }
     showQuickClear() {
         const clearCfg = this.currentMetadata().clearButton;
@@ -28683,10 +28842,7 @@ class InlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
         return ticks === true || ticks === 'auto';
     }
     isInteractionBlocked() {
-        return (this.disabledMode ||
-            this.presentationMode ||
-            this.isReadonlyEffective() ||
-            this.control().disabled);
+        return this.isInteractionBlockedByState();
     }
     hasValue() {
         const value = this.timeRangeForm.value;
@@ -30336,7 +30492,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
       <div
         class="pdx-chip-trigger"
         [class.is-active]="hasSelection()"
-        [class.is-disabled]="disabledMode || isReadonlyEffective() || presentationMode"
+        [class.is-disabled]="disabledMode || control().disabled || isReadonlyEffective() || presentationMode"
       >
         <button
           #triggerEl
@@ -30344,7 +30500,7 @@ class InlineTreeSelectComponent extends SimpleBaseSelectComponent {
           class="pdx-chip-main"
           [matMenuTriggerFor]="treeMenu"
           [matMenuTriggerRestoreFocus]="false"
-          [disabled]="disabledMode || isReadonlyEffective() || presentationMode"
+          [disabled]="disabledMode || control().disabled || isReadonlyEffective() || presentationMode"
           [attr.aria-label]="ariaLabel()"
           [matTooltip]="inlineTooltipText()"
           [matTooltipDisabled]="inlineTooltipDisabled()"
@@ -30524,7 +30680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       <div
         class="pdx-chip-trigger"
         [class.is-active]="hasSelection()"
-        [class.is-disabled]="disabledMode || isReadonlyEffective() || presentationMode"
+        [class.is-disabled]="disabledMode || control().disabled || isReadonlyEffective() || presentationMode"
       >
         <button
           #triggerEl
@@ -30532,7 +30688,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           class="pdx-chip-main"
           [matMenuTriggerFor]="treeMenu"
           [matMenuTriggerRestoreFocus]="false"
-          [disabled]="disabledMode || isReadonlyEffective() || presentationMode"
+          [disabled]="disabledMode || control().disabled || isReadonlyEffective() || presentationMode"
           [attr.aria-label]="ariaLabel()"
           [matTooltip]="inlineTooltipText()"
           [matTooltipDisabled]="inlineTooltipDisabled()"
@@ -33030,10 +33186,10 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
         return this.placeholderText();
     }
     panelSubtitleText() {
-        return this.resolvePipelineText('panelSubtitle', this.tDynamicFields('inlinePipeline.panelSubtitle', ''), 'pipelineSubtitle', 'inlinePanelSubtitle', 'hint');
+        return this.resolvePipelineText('panelSubtitle', this.tDynamicFields('inlinePipelineStatus.panelSubtitle', ''), 'pipelineSubtitle', 'inlinePanelSubtitle', 'hint');
     }
     searchPlaceholderText() {
-        return this.resolvePipelineText('searchPlaceholder', this.tDynamicFields('inlinePipeline.searchPlaceholder', ''), 'pipelineSearchPlaceholder', 'searchPlaceholder');
+        return this.resolvePipelineText('searchPlaceholder', this.tDynamicFields('inlinePipelineStatus.searchPlaceholder', ''), 'pipelineSearchPlaceholder', 'searchPlaceholder');
     }
     panelSearchIconName(fallback = 'search') {
         return this.metadataIconName(['pipelineSearchIcon', 'panelSearchIcon', 'searchIcon', 'inlineSearchIcon'], fallback);
@@ -33065,16 +33221,16 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
         return this.showSelectAllAction() || this.showClearSelectionAction();
     }
     selectionActionsAriaLabel() {
-        return this.resolvePipelineText('selectionActionsAriaLabel', this.tDynamicFields('inlinePipeline.selectionActionsAriaLabel', ''), 'pipelineSelectionActionsAriaLabel');
+        return this.resolvePipelineText('selectionActionsAriaLabel', this.tDynamicFields('inlinePipelineStatus.selectionActionsAriaLabel', ''), 'pipelineSelectionActionsAriaLabel');
     }
     selectAllActionText() {
         return this.resolvePipelineText('selectAllActionLabel', this.tDynamicFields('multiSelect.selectAllLabel', 'Select all'), 'pipelineSelectAllText');
     }
     clearSelectionActionText() {
-        return this.resolvePipelineText('clearActionLabel', this.tDynamicFields('inlinePipeline.clearActionLabel', ''), 'pipelineClearActionText');
+        return this.resolvePipelineText('clearActionLabel', this.tDynamicFields('inlinePipelineStatus.clearActionLabel', ''), 'pipelineClearActionText');
     }
     selectionPillsAriaLabel() {
-        return this.resolvePipelineText('selectionPillsAriaLabel', this.tDynamicFields('inlinePipeline.selectionPillsAriaLabel', ''), 'pipelineSelectionPillsAriaLabel');
+        return this.resolvePipelineText('selectionPillsAriaLabel', this.tDynamicFields('inlinePipelineStatus.selectionPillsAriaLabel', ''), 'pipelineSelectionPillsAriaLabel');
     }
     showSelectAllAction() {
         const md = this.currentMetadata();
@@ -33204,9 +33360,9 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
     }
     optionsGroupAriaLabel() {
         if (this.multipleMode()) {
-            return this.resolvePipelineText('optionsGroupAriaLabelMultiple', this.tDynamicFields('inlinePipeline.optionsGroupAriaLabelMultiple', ''), 'pipelineOptionsGroupAriaLabelMultiple');
+            return this.resolvePipelineText('optionsGroupAriaLabelMultiple', this.tDynamicFields('inlinePipelineStatus.optionsGroupAriaLabelMultiple', ''), 'pipelineOptionsGroupAriaLabelMultiple');
         }
-        return this.resolvePipelineText('optionsGroupAriaLabelSingle', this.tDynamicFields('inlinePipeline.optionsGroupAriaLabelSingle', ''), 'pipelineOptionsGroupAriaLabelSingle');
+        return this.resolvePipelineText('optionsGroupAriaLabelSingle', this.tDynamicFields('inlinePipelineStatus.optionsGroupAriaLabelSingle', ''), 'pipelineOptionsGroupAriaLabelSingle');
     }
     optionAriaLabel(option) {
         if (!option.subtitle) {
@@ -33260,7 +33416,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
     }
     placeholderText() {
         const fromMeta = this.resolveFieldLabelFromMetadata(this.currentMetadata());
-        return fromMeta || this.fieldLabelText || this.tDynamicFields('inlinePipeline.placeholder', '');
+        return fromMeta || this.fieldLabelText || this.tDynamicFields('inlinePipelineStatus.placeholder', '');
     }
     ariaLabel() {
         const metadata = this.currentMetadata();
@@ -33270,7 +33426,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
         return `${this.nonEmptyText(metadata.ariaLabel) || this.placeholderText()}: ${this.displayText()}`;
     }
     emptyStateText() {
-        return this.resolvePipelineText('emptyStateText', this.tDynamicFields('inlinePipeline.emptyStateText', ''), 'pipelineEmptyStateText', 'emptyStateText');
+        return this.resolvePipelineText('emptyStateText', this.tDynamicFields('inlinePipelineStatus.emptyStateText', ''), 'pipelineEmptyStateText', 'emptyStateText');
     }
     resolveMultipleMode(metadata) {
         if (typeof metadata.multiple === 'boolean')
@@ -33293,7 +33449,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
         return [value];
     }
     isInteractionBlocked() {
-        return this.disabledMode || this.isReadonlyEffective() || this.presentationMode;
+        return this.isInteractionBlockedByState();
     }
     toVisualOption(option, index, totalOptions = 0) {
         const raw = option;
@@ -33521,7 +33677,7 @@ class InlinePipelineStatusComponent extends SimpleBaseSelectComponent {
                 return text;
             }
         }
-        return this.tDynamicFields('inlinePipeline.placeholder', '');
+        return this.tDynamicFields('inlinePipelineStatus.placeholder', '');
     }
     recalculateInlineSizeBounds() {
         const viewportWidth = typeof window !== 'undefined' ? window.innerWidth : 1280;
@@ -35509,7 +35665,7 @@ class InlineRelativePeriodComponent extends SimpleBaseSelectComponent {
         return this.resolveText('emptyStateText', this.tDynamicFields('inlineRelativePeriod.emptyStateText', ''), 'relativePeriodEmptyStateText', 'emptyStateText');
     }
     isInteractionBlocked() {
-        return this.disabledMode || this.isReadonlyEffective() || this.presentationMode;
+        return this.isInteractionBlockedByState();
     }
     parseOptionsSource(source) {
         if (Array.isArray(source)) {
@@ -36421,7 +36577,7 @@ class InlineSentimentComponent extends SimpleBaseSelectComponent {
         return this.resolveText('emptyStateText', this.tDynamicFields('inlineSentiment.emptyStateText', ''), 'sentimentEmptyStateText', 'emptyStateText');
     }
     isInteractionBlocked() {
-        return this.disabledMode || this.isReadonlyEffective() || this.presentationMode;
+        return this.isInteractionBlockedByState();
     }
     parseOptionsSource(source) {
         if (Array.isArray(source)) {
@@ -37430,7 +37586,7 @@ class InlineColorLabelComponent extends SimpleBaseSelectComponent {
         return this.resolveText('emptyStateText', this.tDynamicFields('inlineColorLabel.emptyStateText', ''), 'colorLabelEmptyStateText', 'emptyStateText');
     }
     isInteractionBlocked() {
-        return this.disabledMode || this.isReadonlyEffective() || this.presentationMode;
+        return this.isInteractionBlockedByState();
     }
     parseOptionsSource(source) {
         if (Array.isArray(source)) {
@@ -39415,6 +39571,7 @@ class MaterialChipsComponent extends SimpleBaseSelectComponent {
     presentationMode = false;
     removable = signal(true, ...(ngDevMode ? [{ debugName: "removable" }] : []));
     addOnBlur = signal(false, ...(ngDevMode ? [{ debugName: "addOnBlur" }] : []));
+    chipPlaceholder = signal(null, ...(ngDevMode ? [{ debugName: "chipPlaceholder" }] : []));
     separatorKeys = [ENTER, COMMA];
     asRecord(value) {
         if (value && typeof value === 'object' && !Array.isArray(value)) {
@@ -39457,6 +39614,9 @@ class MaterialChipsComponent extends SimpleBaseSelectComponent {
         const target = event.target;
         this.onSearch(target instanceof HTMLInputElement ? target.value : '');
     }
+    setInputMetadata(metadata) {
+        this.setSelectMetadata(metadata);
+    }
     setSelectMetadata(metadata) {
         const matMetadata = metadata;
         this.devWarnSelectAliases(matMetadata, 'MaterialChipsComponent');
@@ -39478,6 +39638,9 @@ class MaterialChipsComponent extends SimpleBaseSelectComponent {
         });
         this.removable.set(matMetadata.removable ?? true);
         this.addOnBlur.set(matMetadata.addOnBlur ?? false);
+        this.chipPlaceholder.set(typeof matMetadata.placeholder === 'string' && matMetadata.placeholder.trim().length
+            ? matMetadata.placeholder
+            : null);
     }
     errorStateMatcher() {
         return getErrorStateMatcherForField(this.metadata());
@@ -39518,6 +39681,7 @@ class MaterialChipsComponent extends SimpleBaseSelectComponent {
           [matChipInputSeparatorKeyCodes]="separatorKeys"
           [matAutocomplete]="auto"
           [required]="metadata()?.required || false"
+          [attr.placeholder]="chipPlaceholder()"
           (input)="onSearchInputEvent($event)"
           (matChipInputTokenEnd)="onInputTokenEnd($event)"
           [matTooltip]="tooltipEnabled() ? errorMessage() : null"
@@ -39625,6 +39789,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           [matChipInputSeparatorKeyCodes]="separatorKeys"
           [matAutocomplete]="auto"
           [required]="metadata()?.required || false"
+          [attr.placeholder]="chipPlaceholder()"
           (input)="onSearchInputEvent($event)"
           (matChipInputTokenEnd)="onInputTokenEnd($event)"
           [matTooltip]="tooltipEnabled() ? errorMessage() : null"
@@ -40127,6 +40292,7 @@ class MaterialAvatarComponent {
     defaultIcon;
     // Visual props
     appearanceTick = signal(0, ...(ngDevMode ? [{ debugName: "appearanceTick" }] : []));
+    contentTick = signal(0, ...(ngDevMode ? [{ debugName: "contentTick" }] : []));
     _themeColor = 'primary';
     _rounded = 'full';
     _size = 'medium';
@@ -40224,6 +40390,7 @@ class MaterialAvatarComponent {
     }, ...(ngDevMode ? [{ debugName: "_syncControlValue" }] : []));
     // Resolved sources
     resolvedImageSrc = computed(() => {
+        this.contentTick();
         // Priority: explicit input > form control value > metadata.defaultValue
         const byInput = this.normalizeImageUrl(this.imageSrc);
         if (byInput)
@@ -40261,6 +40428,7 @@ class MaterialAvatarComponent {
     // Host classes
     componentCssClasses = computed(() => {
         this.appearanceTick();
+        this.contentTick();
         const classes = ['pfx-avatar'];
         classes.push(`theme-${this.themeColor || 'primary'}`);
         classes.push(`rounded-${this.rounded || 'full'}`);
@@ -40298,6 +40466,7 @@ class MaterialAvatarComponent {
     }, ...(ngDevMode ? [{ debugName: "resolvedStyle" }] : []));
     // Accessible label fallback
     computedAriaLabel = computed(() => {
+        this.contentTick();
         const explicit = (this.ariaLabel || '').trim();
         if (explicit)
             return explicit;
@@ -40316,6 +40485,12 @@ class MaterialAvatarComponent {
             return `Avatar icon ${icon}`;
         return 'Avatar';
     }, ...(ngDevMode ? [{ debugName: "computedAriaLabel" }] : []));
+    resolvedHint = computed(() => {
+        const meta = this.metadata();
+        const hint = meta?.hint;
+        return typeof hint === 'string' && hint.trim().length ? hint.trim() : '';
+    }, ...(ngDevMode ? [{ debugName: "resolvedHint" }] : []));
+    hintId = computed(() => (this.resolvedHint() ? `${this.componentId()}-hint` : null), ...(ngDevMode ? [{ debugName: "hintId" }] : []));
     // Helpers for icon resolution
     resolveIconKind(i) {
         if (!i)
@@ -40398,9 +40573,16 @@ class MaterialAvatarComponent {
     shouldShowDefaultIcon() {
         return !this.hasImage() && !this.hasExplicitIcon() && !this.hasInitials() && this.hasDefaultIcon();
     }
-    hasExplicitIcon = computed(() => this.resolveIconKind(this.icon) !== null, ...(ngDevMode ? [{ debugName: "hasExplicitIcon" }] : []));
-    hasDefaultIcon = computed(() => this.resolveIconKind(this.defaultIcon) !== null, ...(ngDevMode ? [{ debugName: "hasDefaultIcon" }] : []));
+    hasExplicitIcon = computed(() => {
+        this.contentTick();
+        return this.resolveIconKind(this.icon) !== null;
+    }, ...(ngDevMode ? [{ debugName: "hasExplicitIcon" }] : []));
+    hasDefaultIcon = computed(() => {
+        this.contentTick();
+        return this.resolveIconKind(this.defaultIcon) !== null;
+    }, ...(ngDevMode ? [{ debugName: "hasDefaultIcon" }] : []));
     normalizedInitials() {
+        this.contentTick();
         // Prioritize explicit initials
         const explicitInitials = (this.initials || '').trim();
         if (explicitInitials) {
@@ -40440,6 +40622,7 @@ class MaterialAvatarComponent {
     }
     // ... (rest of methods)
     iconName() {
+        this.contentTick();
         // Used in template inside specific blocks.
         // If showIcon() is true => icon is explicit.
         // If showDefaultIcon() is true => icon is default.
@@ -40463,6 +40646,7 @@ class MaterialAvatarComponent {
         return null;
     }
     iconSvgSafe() {
+        this.contentTick();
         // Similar logic for SVG
         const source = this.hasExplicitIcon() ? this.icon : this.defaultIcon;
         const kind = this.resolveIconKind(source);
@@ -40486,6 +40670,7 @@ class MaterialAvatarComponent {
         return null;
     }
     iconFontClass() {
+        this.contentTick();
         const source = this.hasExplicitIcon() ? this.icon : this.defaultIcon;
         const kind = this.resolveIconKind(source);
         if (kind === 'font') {
@@ -40493,66 +40678,78 @@ class MaterialAvatarComponent {
         }
         return null;
     }
+    ngOnChanges(_changes) {
+        this.contentTick.update((value) => value + 1);
+    }
     // Allow DynamicFieldLoader to apply metadata extras
     setInputMetadata(meta) {
+        const previousMeta = this.metadata();
         const typedMeta = meta;
         this.metadata.set(typedMeta);
         const extras = typedMeta?.extra || {};
+        const hadPrevExtra = (key) => !!previousMeta?.extra &&
+            Object.prototype.hasOwnProperty.call(previousMeta.extra, key);
+        const hadPrevRoot = (key) => !!previousMeta &&
+            Object.prototype.hasOwnProperty.call(previousMeta, key);
+        const resolveExtra = (key, rootValue) => {
+            if (extras[key] !== undefined) {
+                return extras[key];
+            }
+            if (rootValue !== undefined) {
+                return rootValue;
+            }
+            if (hadPrevExtra(String(key)) || hadPrevRoot(String(key))) {
+                return undefined;
+            }
+            return undefined;
+        };
         // Known keys: imageSrc, imageAlt, initials, name, icon, themeColor, rounded, size, fillMode, border, tooltip, ariaLabel
-        if (extras.imageSrc !== undefined)
-            this.imageSrc = extras.imageSrc;
-        else if (typedMeta?.imageSrc !== undefined)
-            this.imageSrc = String(typedMeta.imageSrc);
-        if (extras.imageAlt !== undefined)
-            this.imageAlt = extras.imageAlt;
-        else if (typedMeta?.imageAlt !== undefined)
-            this.imageAlt = typedMeta.imageAlt;
-        if (extras.initials !== undefined)
-            this.initials = extras.initials;
-        if (extras.name !== undefined)
-            this.name = extras.name;
-        if (extras.icon !== undefined)
-            this.icon = extras.icon;
-        if (extras.defaultIcon !== undefined)
-            this.defaultIcon = extras.defaultIcon;
-        if (extras.themeColor !== undefined)
-            this.themeColor = extras.themeColor;
-        if (extras.rounded !== undefined)
-            this.rounded = extras.rounded;
-        if (extras.size !== undefined)
-            this.size = extras.size;
-        if (extras.fillMode !== undefined)
-            this.fillMode = extras.fillMode;
-        if (extras.border !== undefined)
-            this.border = !!extras.border;
-        if (extras.sizePx !== undefined)
-            this.sizePx = typeof extras.sizePx === 'number' ? extras.sizePx : Number(extras.sizePx);
-        if (extras.sizeCss !== undefined)
-            this.sizeCss = extras.sizeCss;
-        if (extras.tooltip !== undefined)
-            this.tooltip = extras.tooltip;
-        if (extras.ariaLabel !== undefined)
-            this.ariaLabel = extras.ariaLabel;
-        if (extras.class !== undefined)
-            this.class = extras.class;
-        if (extras.style !== undefined) {
-            if (typeof extras.style === 'string') {
+        this.imageSrc = resolveExtra('imageSrc', typedMeta?.imageSrc !== undefined ? String(typedMeta.imageSrc) : undefined);
+        this.imageAlt = resolveExtra('imageAlt', typedMeta?.imageAlt);
+        this.initials = resolveExtra('initials');
+        this.name = resolveExtra('name');
+        this.icon = resolveExtra('icon');
+        this.defaultIcon = resolveExtra('defaultIcon');
+        this.themeColor = resolveExtra('themeColor');
+        this.rounded = resolveExtra('rounded');
+        this.size = resolveExtra('size');
+        this.fillMode = resolveExtra('fillMode');
+        this.border = !!resolveExtra('border');
+        const sizePxValue = resolveExtra('sizePx');
+        this.sizePx =
+            sizePxValue === undefined
+                ? undefined
+                : typeof sizePxValue === 'number'
+                    ? sizePxValue
+                    : Number(sizePxValue);
+        this.sizeCss = resolveExtra('sizeCss');
+        this.tooltip = resolveExtra('tooltip');
+        this.ariaLabel = resolveExtra('ariaLabel');
+        this.class = resolveExtra('class');
+        const styleValue = resolveExtra('style');
+        if (styleValue !== undefined) {
+            if (typeof styleValue === 'string') {
                 try {
-                    const obj = JSON.parse(extras.style);
+                    const obj = JSON.parse(styleValue);
                     if (obj && typeof obj === 'object')
                         this.style = obj;
                 }
                 catch {
                     // ignore invalid JSON
+                    this.style = undefined;
                 }
             }
-            else if (typeof extras.style === 'object') {
-                this.style = extras.style;
+            else if (typeof styleValue === 'object') {
+                this.style = styleValue;
             }
         }
+        else if (hadPrevExtra('style')) {
+            this.style = undefined;
+        }
+        this.contentTick.update((value) => value + 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialAvatarComponent, isStandalone: true, selector: "pdx-material-avatar", inputs: { imageSrc: "imageSrc", imageAlt: "imageAlt", initials: "initials", name: "name", icon: "icon", defaultIcon: "defaultIcon", themeColor: "themeColor", rounded: "rounded", size: "size", fillMode: "fillMode", border: "border", sizePx: "sizePx", sizeCss: "sizeCss", tooltip: "tooltip", ariaLabel: "ariaLabel", readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", class: "class", style: "style" }, outputs: { imageError: "imageError" }, host: { properties: { "class": "componentCssClasses()", "style.display": "visible === false ? \"none\" : null", "attr.aria-hidden": "visible ? null : \"true\"", "attr.role": "\"img\"", "attr.aria-label": "computedAriaLabel() || null", "attr.data-field-type": "\"avatar\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()", "class.praxis-disabled": "disabledMode === true", "class.praxis-readonly": "readonlyMode === true", "class.presentation-mode": "presentationMode === true" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialAvatarComponent, isStandalone: true, selector: "pdx-material-avatar", inputs: { imageSrc: "imageSrc", imageAlt: "imageAlt", initials: "initials", name: "name", icon: "icon", defaultIcon: "defaultIcon", themeColor: "themeColor", rounded: "rounded", size: "size", fillMode: "fillMode", border: "border", sizePx: "sizePx", sizeCss: "sizeCss", tooltip: "tooltip", ariaLabel: "ariaLabel", readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", class: "class", style: "style" }, outputs: { imageError: "imageError" }, host: { properties: { "class": "componentCssClasses()", "style.display": "visible === false ? \"none\" : null", "attr.aria-hidden": "visible ? null : \"true\"", "attr.role": "\"img\"", "attr.aria-label": "computedAriaLabel() || null", "attr.aria-describedby": "hintId()", "attr.data-field-type": "\"avatar\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()", "class.praxis-disabled": "disabledMode === true", "class.praxis-readonly": "readonlyMode === true", "class.presentation-mode": "presentationMode === true" } }, usesOnChanges: true, ngImport: i0, template: `
     <span class="pfx-avatar__inner"
           [attr.aria-hidden]="presentationMode ? 'true' : null"
           [ngStyle]="resolvedStyle()"
@@ -40589,7 +40786,10 @@ class MaterialAvatarComponent {
         <span class="pfx-avatar__custom"><ng-content></ng-content></span>
       }
     </span>
-  `, isInline: true, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:.02em;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}:host-context(.pfx-field-shell){display:flex;width:100%;align-items:center;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+    @if (resolvedHint()) {
+      <span class="pfx-avatar__hint" [attr.id]="hintId()">{{ resolvedHint() }}</span>
+    }
+  `, isInline: true, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:.02em;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}:host-context(.pfx-field-shell){display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAvatarComponent, decorators: [{
             type: Component,
@@ -40599,6 +40799,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.aria-hidden]': 'visible ? null : "true"',
                         '[attr.role]': '"img"',
                         '[attr.aria-label]': 'computedAriaLabel() || null',
+                        '[attr.aria-describedby]': 'hintId()',
                         '[attr.data-field-type]': '"avatar"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
@@ -40642,7 +40843,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         <span class="pfx-avatar__custom"><ng-content></ng-content></span>
       }
     </span>
-  `, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:.02em;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}:host-context(.pfx-field-shell){display:flex;width:100%;align-items:center;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"] }]
+    @if (resolvedHint()) {
+      <span class="pfx-avatar__hint" [attr.id]="hintId()">{{ resolvedHint() }}</span>
+    }
+  `, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:.02em;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__hint{display:block;margin-top:6px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}:host-context(.pfx-field-shell){display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"] }]
         }], propDecorators: { imageSrc: [{
                 type: Input
             }], imageAlt: [{
@@ -41690,12 +41894,28 @@ class MaterialFileUploadComponent extends SimpleBaseInputComponent {
         const { placeholder: _placeholder, ...rest } = metadata;
         this.setMetadata(rest);
     }
+    fileAccept() {
+        const accept = this.metadataRecord()?.['accept'];
+        return typeof accept === 'string' && accept.trim().length ? accept.trim() : null;
+    }
+    allowsMultiple() {
+        return this.metadataRecord()?.['multiple'] === true;
+    }
+    isInteractionDisabled() {
+        return this.disabledMode || this.readonlyMode || this.presentationMode;
+    }
     /**
      * CSS classes specific to the file upload wrapper.
      */
     getSpecificCssClasses() {
         return ['pdx-material-file-upload'];
     }
+    metadataRecord() {
+        const metadata = this.metadata();
+        return metadata && typeof metadata === 'object'
+            ? metadata
+            : null;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialFileUploadComponent, isStandalone: true, selector: "pdx-material-file-upload", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.aria-hidden": "visible ? null : \"true\"", "attr.data-field-type": "\"file-upload\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
             {
@@ -41715,6 +41935,9 @@ class MaterialFileUploadComponent extends SimpleBaseInputComponent {
         [attr.id]="componentId()"
         type="file"
         (change)="onFileSelected($event)"
+        [attr.accept]="fileAccept()"
+        [attr.multiple]="allowsMultiple() ? '' : null"
+        [disabled]="isInteractionDisabled()"
         [attr.aria-disabled]="disabledMode ? 'true' : null"
       />
       @if (hasValidationError()) {
@@ -41744,6 +41967,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         [attr.id]="componentId()"
         type="file"
         (change)="onFileSelected($event)"
+        [attr.accept]="fileAccept()"
+        [attr.multiple]="allowsMultiple() ? '' : null"
+        [disabled]="isInteractionDisabled()"
         [attr.aria-disabled]="disabledMode ? 'true' : null"
       />
       @if (hasValidationError()) {
@@ -44335,11 +44561,13 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
     current = signal(null, ...(ngDevMode ? [{ debugName: "current" }] : []));
     draft = signal(null, ...(ngDevMode ? [{ debugName: "draft" }] : []));
     draftAlpha = signal(1, ...(ngDevMode ? [{ debugName: "draftAlpha" }] : []));
+    configTick = signal(0, ...(ngDevMode ? [{ debugName: "configTick" }] : []));
     panelWidthPx = 340;
     constructor(bottomSheet) {
         super();
         this.bottomSheet = bottomSheet;
         effect(() => {
+            this.configTick();
             this.panelWidthPx = this.coerceWidth(this.popupSettings?.width ?? 340);
         });
         // React to metadata changes to keep inputs in sync
@@ -44418,8 +44646,12 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
                 this.visible = !!md.visible;
             if (typeof md.presentationMode === 'boolean')
                 this.presentationMode = !!md.presentationMode;
+            this.configTick.update((value) => value + 1);
         });
     }
+    ngOnChanges(_changes) {
+        this.configTick.update((value) => value + 1);
+    }
     resolveClearButtonConfig(md) {
         const metadata = md && typeof md === 'object' && !Array.isArray(md) ? md : {};
         const cfg = metadata.clearButton;
@@ -44534,8 +44766,14 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
     onClose() { this.close.emit(); }
     // Views logic
     selectedTabIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedTabIndex" }] : []));
-    showGradient = computed(() => this.views.includes('gradient'), ...(ngDevMode ? [{ debugName: "showGradient" }] : []));
-    showPalette = computed(() => this.views.includes('palette'), ...(ngDevMode ? [{ debugName: "showPalette" }] : []));
+    showGradient = computed(() => {
+        this.configTick();
+        return this.views.includes('gradient');
+    }, ...(ngDevMode ? [{ debugName: "showGradient" }] : []));
+    showPalette = computed(() => {
+        this.configTick();
+        return this.views.includes('palette');
+    }, ...(ngDevMode ? [{ debugName: "showPalette" }] : []));
     onTabIndexChange(i) {
         this.selectedTabIndex.set(i);
         const v = this.views[i] || 'gradient';
@@ -44543,7 +44781,10 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
         this.activeViewChange.emit(v);
     }
     // Draft preview strings
-    draftPreview = computed(() => this.toFormat(this.draft(), this.format, this.draftAlpha()), ...(ngDevMode ? [{ debugName: "draftPreview" }] : []));
+    draftPreview = computed(() => {
+        this.configTick();
+        return this.toFormat(this.draft(), this.format, this.draftAlpha());
+    }, ...(ngDevMode ? [{ debugName: "draftPreview" }] : []));
     draftSolidHex = computed(() => this.toHex(this.draft()) || this.defaultHex(), ...(ngDevMode ? [{ debugName: "draftSolidHex" }] : []));
     draftOpacity = computed(() => this.draftAlpha(), ...(ngDevMode ? [{ debugName: "draftOpacity" }] : []));
     // Preview swatch background for input prefix
@@ -44566,6 +44807,7 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
     customColors = signal([], ...(ngDevMode ? [{ debugName: "customColors" }] : []));
     recentColors = signal([], ...(ngDevMode ? [{ debugName: "recentColors" }] : []));
     paletteColors = computed(() => {
+        this.configTick();
         const base = this.buildPaletteColors(this.paletteSettings);
         const extra = this.customColors();
         // dedupe (case-insensitive)
@@ -44932,7 +45174,7 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
                 useExisting: forwardRef(() => PdxColorPickerComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "toggleBtn", first: true, predicate: ["toggleBtn"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "toggleBtn", first: true, predicate: ["toggleBtn"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
     <mat-form-field
       [appearance]="materialAppearance()"
       [color]="materialColor()"
@@ -45599,6 +45841,9 @@ class MaterialTransferListComponent extends SimpleBaseSelectComponent {
             this.updateListsFromValue();
         });
     }
+    setInputMetadata(metadata) {
+        this.setSelectMetadata(metadata);
+    }
     setSelectMetadata(metadata) {
         const source = metadata.transferOptions ?? metadata.options;
         const mapped = source?.map((o) => ({
@@ -45861,7 +46106,11 @@ class MaterialTransferListComponent extends SimpleBaseSelectComponent {
         </mat-selection-list>
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%}.pdx-transfer-list{width:100%;min-height:56px;padding:4px 0}.pdx-transfer-column{width:100%}.pdx-transfer-column mat-form-field{width:100%}.pdx-transfer-actions{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:0 8px}@media(min-width:640px){.pdx-transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$6.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3$6.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+
+    @if (metadata()?.hint) {
+      <div class="pdx-transfer-hint">{{ metadata()!.hint }}</div>
+    }
+  `, isInline: true, styles: [":host{display:block;width:100%}.pdx-transfer-list{width:100%;min-height:56px;padding:4px 0}.pdx-transfer-column{width:100%}.pdx-transfer-column mat-form-field{width:100%}.pdx-transfer-actions{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:0 8px}.pdx-transfer-hint{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}@media(min-width:640px){.pdx-transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$6.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3$6.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTransferListComponent, decorators: [{
             type: Component,
@@ -45993,6 +46242,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </mat-selection-list>
       </div>
     </div>
+
+    @if (metadata()?.hint) {
+      <div class="pdx-transfer-hint">{{ metadata()!.hint }}</div>
+    }
   `, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -46007,7 +46260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         '[attr.data-field-type]': '"transfer-list"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [":host{display:block;width:100%}.pdx-transfer-list{width:100%;min-height:56px;padding:4px 0}.pdx-transfer-column{width:100%}.pdx-transfer-column mat-form-field{width:100%}.pdx-transfer-actions{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:0 8px}@media(min-width:640px){.pdx-transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}}\n"] }]
+                    }, styles: [":host{display:block;width:100%}.pdx-transfer-list{width:100%;min-height:56px;padding:4px 0}.pdx-transfer-column{width:100%}.pdx-transfer-column mat-form-field{width:100%}.pdx-transfer-actions{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:0 8px}.pdx-transfer-hint{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .6));font-size:12px;line-height:1.4}@media(min-width:640px){.pdx-transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -48009,6 +48262,13 @@ const DYNAMIC_FIELD_READONLY_STATE_RECIPE = {
     supported: true,
     metadataPatch: { readonly: true },
 };
+const DYNAMIC_FIELD_PRESENTATION_STATE_RECIPE = {
+    state: 'presentation',
+    label: 'Presentation',
+    supported: true,
+    metadataPatch: { presentationMode: true },
+    note: 'Uses the canonical presentation pipeline instead of a disabled or readonly input shell.',
+};
 const DYNAMIC_FIELD_ERROR_STATE_RECIPE = {
     state: 'error',
     label: 'Error',
@@ -48027,9 +48287,21 @@ const DYNAMIC_FIELD_BASE_STATE_RECIPES = [
     DYNAMIC_FIELD_FILLED_STATE_RECIPE,
     DYNAMIC_FIELD_DISABLED_STATE_RECIPE,
     DYNAMIC_FIELD_READONLY_STATE_RECIPE,
+    DYNAMIC_FIELD_PRESENTATION_STATE_RECIPE,
     DYNAMIC_FIELD_ERROR_STATE_RECIPE,
 ];
+function mergeStateRecipes(overrides, supportedStates) {
+    const overrideMap = new Map((overrides ?? []).map((state) => [state.state, state]));
+    return DYNAMIC_FIELD_BASE_STATE_RECIPES
+        .filter((state) => supportedStates.has(state.state))
+        .map((state) => ({
+        ...state,
+        ...(overrideMap.get(state.state) ?? {}),
+    }));
+}
 function createDynamicFieldPreviewRecipe(input) {
+    const supportedStates = new Set(input.supportedStates ?? DYNAMIC_FIELD_BASE_STATE_RECIPES.map((state) => state.state));
+    const states = mergeStateRecipes(input.states, supportedStates);
     return {
         recipeId: input.recipeId,
         fieldName: input.fieldName,
@@ -48041,7 +48313,7 @@ function createDynamicFieldPreviewRecipe(input) {
             controlType: input.controlType,
             ...(input.metadata ?? {}),
         },
-        states: input.states ? [...input.states] : [...DYNAMIC_FIELD_BASE_STATE_RECIPES],
+        states,
     };
 }
 
@@ -48064,7 +48336,7 @@ function jsonApiPath(relativePath) {
     return `projects/praxis-dynamic-fields/src/lib/components/${relativePath}`;
 }
 function createEntry(input) {
-    const states = input.states ?? ['default', 'filled', 'disabled', 'readonly', 'error'];
+    const states = input.states ?? ['default', 'filled', 'disabled', 'readonly', 'presentation', 'error'];
     return {
         id: input.id,
         controlType: input.controlType,
@@ -48095,6 +48367,7 @@ function createEntry(input) {
             description: input.description,
             metadata: input.metadata,
             states: input.stateRecipes,
+            supportedStates: states,
         }),
         snippetRecipe: {
             language: input.snippetLanguage ?? 'json',
@@ -48106,6 +48379,15 @@ function createEntry(input) {
         themingNotes: input.themingNotes ?? DEFAULT_THEMING_NOTES,
     };
 }
+function createDefaultSeedRecipe(initialValue, note) {
+    return {
+        state: 'default',
+        label: 'Default',
+        supported: true,
+        initialValue,
+        note,
+    };
+}
 const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
     createEntry({
         id: 'text-input',
@@ -48121,6 +48403,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
         dataSourceKind: 'local',
         apiPath: jsonApiPath('text-input/pdx-text-input.json-api.md'),
         metadata: { placeholder: 'Type here' },
+        stateRecipes: [
+            createDefaultSeedRecipe('Ana Souza', 'Seeded default preview to show immediate field affordance in the catalog.'),
+        ],
     }),
     createEntry({
         id: 'email-input',
@@ -48255,6 +48540,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
         dataSourceKind: 'local',
         apiPath: jsonApiPath('material-currency/pdx-material-currency.json-api.md'),
         metadata: { currency: 'BRL', locale: 'pt-BR' },
+        stateRecipes: [
+            createDefaultSeedRecipe(18450.75, 'Seeded default preview to expose formatted monetary rendering at first glance.'),
+        ],
     }),
     createEntry({
         id: 'slider',
@@ -48359,6 +48647,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
         avoidWhen: ['data unica'],
         dataSourceKind: 'local',
         apiPath: jsonApiPath('material-date-range/pdx-material-date-range.json-api.md'),
+        stateRecipes: [
+            createDefaultSeedRecipe({ startDate: '2026-03-01', endDate: '2026-03-23' }, 'Seeded default preview to demonstrate a complete temporal range without switching states.'),
+        ],
     }),
     createEntry({
         id: 'datetime-local',
@@ -48482,6 +48773,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
                 { label: 'Paused', value: 'PAUSED' },
             ],
         },
+        stateRecipes: [
+            createDefaultSeedRecipe('ACTIVE', 'Seeded default preview to reveal selected-label rendering in the base card.'),
+        ],
     }),
     createEntry({
         id: 'searchable-select',
@@ -48674,6 +48968,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
         avoidWhen: ['mais de dois estados'],
         dataSourceKind: 'local',
         apiPath: jsonApiPath('material-slide-toggle/pdx-material-slide-toggle.json-api.md'),
+        stateRecipes: [
+            createDefaultSeedRecipe(true, 'Seeded default preview to show the canonical boolean-on state at a glance.'),
+        ],
     }),
     createEntry({
         id: 'button-toggle',
@@ -48789,6 +49086,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
         avoidWhen: ['texto longo', 'validacao complexa'],
         dataSourceKind: 'local',
         apiPath: jsonApiPath('inline-input/pdx-inline-input.json-api.md'),
+        stateRecipes: [
+            createDefaultSeedRecipe('Praxis', 'Seeded default preview to keep inline text examples informative from the first render.'),
+        ],
     }),
     createEntry({
         id: 'inline-select',
@@ -48803,6 +49103,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
         avoidWhen: ['lookup remoto grande'],
         dataSourceKind: 'mixed',
         apiPath: jsonApiPath('inline-select/pdx-inline-select.json-api.md'),
+        stateRecipes: [
+            createDefaultSeedRecipe('ALPHA', 'Seeded default preview to expose compact selected-pill rendering.'),
+        ],
     }),
     createEntry({
         id: 'inline-searchable-select',
@@ -49000,6 +49303,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
         avoidWhen: ['toolbar saturada ou data unica'],
         dataSourceKind: 'specialized',
         apiPath: jsonApiPath('inline-date-range/pdx-inline-date-range.json-api.md'),
+        stateRecipes: [
+            createDefaultSeedRecipe({ startDate: '2026-03-01', endDate: '2026-03-23' }, 'Seeded default preview to show a resolved inline range immediately.'),
+        ],
     }),
     createEntry({
         id: 'inline-time',
@@ -49116,6 +49422,9 @@ const DYNAMIC_FIELDS_PLAYGROUND_CATALOG = [
         avoidWhen: ['false e null nao estao bem documentados no fluxo'],
         dataSourceKind: 'local',
         apiPath: jsonApiPath('inline-toggle/pdx-inline-toggle.json-api.md'),
+        stateRecipes: [
+            createDefaultSeedRecipe(true, 'Seeded default preview to show the compact boolean state in toolbar scenarios.'),
+        ],
     }),
 ];
 
@@ -50952,5 +51261,5 @@ function supportsClearButtonControlType(controlType) {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionResolverService, BRAZIL_INPUTS_AI_CAPABILITIES, CACHE_TTL, CHIPS_CONTROLS_AI_CAPABILITIES, CLEAR_BUTTON_CONTROL_TYPES, COLOR_CONTROLS_AI_CAPABILITIES, CONTROL_TYPE_AI_CATALOGS, ColorInputComponent, ComponentPreloaderService, ComponentRegistryService, ConfirmDialogComponent, DATE_CONTROLS_AI_CAPABILITIES, DISPLAY_ACTION_AI_CAPABILITIES, DYNAMIC_FIELDS_PLAYGROUND_CATALOG, DYNAMIC_FIELD_BASE_STATE_RECIPES, DYNAMIC_FIELD_DEFAULT_STATE_RECIPE, DYNAMIC_FIELD_DISABLED_STATE_RECIPE, DYNAMIC_FIELD_ERROR_STATE_RECIPE, DYNAMIC_FIELD_FILLED_STATE_RECIPE, DYNAMIC_FIELD_READONLY_STATE_RECIPE, DateInputComponent, DateUtilsService, DatetimeLocalInputComponent, DynamicFieldLoaderDirective, EmailInputComponent, FILE_UPLOAD_AI_CAPABILITIES, InlineAsyncSelectComponent, InlineAutocompleteComponent, InlineColorLabelComponent, InlineCurrencyComponent, InlineCurrencyRangeComponent, InlineDateComponent, InlineDateRangeComponent, InlineDistanceRadiusComponent, InlineEntityLookupComponent, InlineInputComponent, InlineMonthRangeComponent, InlineMultiSelectComponent, InlineNumberComponent, InlinePeriodRangeComponent, InlinePipelineStatusComponent, InlineRangeSliderComponent, InlineRatingComponent, InlineRelativePeriodComponent, InlineScorePriorityComponent, InlineSearchableSelectComponent, InlineSelectComponent, InlineSentimentComponent, InlineTimeComponent, InlineTimeRangeComponent, InlineToggleComponent, InlineTreeSelectComponent, InlineYearRangeComponent, KeyboardShortcutService, LIST_CONTROLS_AI_CAPABILITIES, LoggerPresets, MAX_LOAD_ATTEMPTS, MaterialAsyncSelectComponent, MaterialAutocompleteComponent, MaterialAvatarComponent, MaterialButtonComponent, MaterialButtonToggleComponent, MaterialCheckboxGroupComponent, MaterialChipsComponent, MaterialColorPickerComponent, MaterialCpfCnpjInputComponent, MaterialCurrencyComponent, MaterialDateRangeComponent, MaterialDatepickerComponent, MaterialFileUploadComponent, MaterialMultiSelectComponent, MaterialMultiSelectTreeComponent, MaterialPriceRangeComponent, MaterialRadioGroupComponent, MaterialRatingComponent, MaterialSearchableSelectComponent, MaterialSelectComponent, MaterialSelectionListComponent, MaterialSlideToggleComponent, MaterialSliderComponent, MaterialTextareaComponent, MaterialTimepickerComponent, MaterialTransferListComponent, MaterialTreeSelectComponent, MonthInputComponent, NUMERIC_INPUTS_AI_CAPABILITIES, NumberInputComponent, OptionStore, PDX_COLOR_INPUT_COMPONENT_METADATA, PDX_COLOR_PICKER_COMPONENT_METADATA, PDX_DATETIME_LOCAL_INPUT_COMPONENT_METADATA, PDX_DATE_INPUT_COMPONENT_METADATA, PDX_EMAIL_INPUT_COMPONENT_METADATA, PDX_FIELD_SHELL_COMPONENT_METADATA, PDX_INLINE_ASYNC_SELECT_COMPONENT_METADATA, PDX_INLINE_AUTOCOMPLETE_COMPONENT_METADATA, PDX_INLINE_COLOR_LABEL_COMPONENT_METADATA, PDX_INLINE_CURRENCY_COMPONENT_METADATA, PDX_INLINE_CURRENCY_RANGE_COMPONENT_METADATA, PDX_INLINE_DATE_COMPONENT_METADATA, PDX_INLINE_DATE_RANGE_COMPONENT_METADATA, PDX_INLINE_DISTANCE_RADIUS_COMPONENT_METADATA, PDX_INLINE_ENTITY_LOOKUP_COMPONENT_METADATA, PDX_INLINE_INPUT_COMPONENT_METADATA, PDX_INLINE_MONTH_RANGE_COMPONENT_METADATA, PDX_INLINE_MULTI_SELECT_COMPONENT_METADATA, PDX_INLINE_NUMBER_COMPONENT_METADATA, PDX_INLINE_PERIOD_RANGE_COMPONENT_METADATA, PDX_INLINE_PIPELINE_STATUS_COMPONENT_METADATA, PDX_INLINE_RANGE_SLIDER_COMPONENT_METADATA, PDX_INLINE_RATING_COMPONENT_METADATA, PDX_INLINE_RELATIVE_PERIOD_COMPONENT_METADATA, PDX_INLINE_SCORE_PRIORITY_COMPONENT_METADATA, PDX_INLINE_SEARCHABLE_SELECT_COMPONENT_METADATA, PDX_INLINE_SELECT_COMPONENT_METADATA, PDX_INLINE_SENTIMENT_COMPONENT_METADATA, PDX_INLINE_TIME_COMPONENT_METADATA, PDX_INLINE_TIME_RANGE_COMPONENT_METADATA, PDX_INLINE_TOGGLE_COMPONENT_METADATA, PDX_INLINE_TREE_SELECT_COMPONENT_METADATA, PDX_INLINE_YEAR_RANGE_COMPONENT_METADATA, PDX_MATERIAL_AVATAR_COMPONENT_METADATA, PDX_MATERIAL_BUTTON_COMPONENT_METADATA, PDX_MATERIAL_BUTTON_TOGGLE_COMPONENT_METADATA, PDX_MATERIAL_CHECKBOX_GROUP_COMPONENT_METADATA, PDX_MATERIAL_CHIPS_COMPONENT_METADATA, PDX_MATERIAL_COLORPICKER_COMPONENT_METADATA, PDX_MATERIAL_CPF_CNPJ_INPUT_COMPONENT_METADATA, PDX_MATERIAL_CURRENCY_COMPONENT_METADATA, PDX_MATERIAL_DATEPICKER_COMPONENT_METADATA, PDX_MATERIAL_DATE_RANGE_COMPONENT_METADATA, PDX_MATERIAL_FILE_UPLOAD_COMPONENT_METADATA, PDX_MATERIAL_MULTI_SELECT_COMPONENT_METADATA, PDX_MATERIAL_MULTI_SELECT_TREE_COMPONENT_METADATA, PDX_MATERIAL_PRICE_RANGE_COMPONENT_METADATA, PDX_MATERIAL_RADIO_GROUP_COMPONENT_METADATA, PDX_MATERIAL_RANGE_SLIDER_COMPONENT_METADATA, PDX_MATERIAL_RATING_COMPONENT_METADATA, PDX_MATERIAL_SEARCHABLE_SELECT_COMPONENT_METADATA, PDX_MATERIAL_SELECTION_LIST_COMPONENT_METADATA, PDX_MATERIAL_SELECT_COMPONENT_METADATA, PDX_MATERIAL_SLIDER_COMPONENT_METADATA, PDX_MATERIAL_TEXTAREA_COMPONENT_METADATA, PDX_MATERIAL_TIMEPICKER_COMPONENT_METADATA, PDX_MATERIAL_TIME_RANGE_COMPONENT_METADATA, PDX_MATERIAL_TRANSFER_LIST_COMPONENT_METADATA, PDX_MATERIAL_TREE_SELECT_COMPONENT_METADATA, PDX_MONTH_INPUT_COMPONENT_METADATA, PDX_NUMBER_INPUT_COMPONENT_METADATA, PDX_PASSWORD_INPUT_COMPONENT_METADATA, PDX_PHONE_INPUT_COMPONENT_METADATA, PDX_PRELOAD_STATUS_COMPONENT_METADATA, PDX_SEARCH_INPUT_COMPONENT_METADATA, PDX_TEXT_INPUT_COMPONENT_METADATA, PDX_TIME_INPUT_COMPONENT_METADATA, PDX_URL_INPUT_COMPONENT_METADATA, PDX_WEEK_INPUT_COMPONENT_METADATA, PDX_YEAR_INPUT_COMPONENT_METADATA, PRAXIS_DYNAMIC_FIELDS_EN_US, PRAXIS_DYNAMIC_FIELDS_I18N, PRAXIS_DYNAMIC_FIELDS_LOGGER_BACKEND, PRAXIS_DYNAMIC_FIELDS_PT_BR, PRICE_RANGE_AI_CAPABILITIES, PasswordInputComponent, PdxColorPickerComponent, PdxMaterialRangeSliderComponent, PdxMaterialTimeRangeComponent, PdxYearInputComponent, PhoneInputComponent, PraxisErrorStateMatcher, PreloadStatusComponent, RETRY_DELAY, SELECT_CONTROLS_AI_CAPABILITIES, SearchInputComponent, SimpleBaseButtonComponent, SimpleBaseInputComponent, SimpleBaseSelectComponent, TEXT_INPUTS_AI_CAPABILITIES, TIME_RANGE_AI_CAPABILITIES, TOGGLE_CONTROLS_AI_CAPABILITIES, TREE_CONTROLS_AI_CAPABILITIES, TextInputComponent, TimeInputComponent, UrlInputComponent, WeekInputComponent, YEAR_INPUT_AI_CAPABILITIES, bindDynamicFieldsLoggerBackendFromInjector, clearDynamicFieldsLoggerBackend, configureDynamicFieldsLogger, createDynamicFieldPreviewRecipe, createErrorStateMatcher, createPraxisDynamicFieldsI18nConfig, emitToDynamicFieldsLoggerBackend, enableDebugForComponent, getControlTypeCatalog, getErrorStateMatcherForField, inferErrorStateStrategy, initializeComponentSystem, initializeComponentSystemSync, isBaseDynamicFieldComponent, isLoadingCapableComponent, isValidJsonSchema, isValueBasedComponent, logger, mapJsonSchemaToFields, mapPropertyToFieldMetadata, normalizeFormMetadata, provideMaterialAvatarMetadata, providePraxisDynamicFields, providePraxisDynamicFieldsCore, providePraxisDynamicFieldsCoreNoDefaults, providePraxisDynamicFieldsI18n, providePraxisDynamicFieldsNoDefaults, resolvePraxisDynamicFieldsText, setDynamicFieldsLoggerBackend, silenceComponent, supportsClearButtonControlType };
+export { ActionResolverService, BRAZIL_INPUTS_AI_CAPABILITIES, CACHE_TTL, CHIPS_CONTROLS_AI_CAPABILITIES, CLEAR_BUTTON_CONTROL_TYPES, COLOR_CONTROLS_AI_CAPABILITIES, CONTROL_TYPE_AI_CATALOGS, ColorInputComponent, ComponentPreloaderService, ComponentRegistryService, ConfirmDialogComponent, DATE_CONTROLS_AI_CAPABILITIES, DISPLAY_ACTION_AI_CAPABILITIES, DYNAMIC_FIELDS_PLAYGROUND_CATALOG, DYNAMIC_FIELD_BASE_STATE_RECIPES, DYNAMIC_FIELD_DEFAULT_STATE_RECIPE, DYNAMIC_FIELD_DISABLED_STATE_RECIPE, DYNAMIC_FIELD_ERROR_STATE_RECIPE, DYNAMIC_FIELD_FILLED_STATE_RECIPE, DYNAMIC_FIELD_PRESENTATION_STATE_RECIPE, DYNAMIC_FIELD_READONLY_STATE_RECIPE, DateInputComponent, DateUtilsService, DatetimeLocalInputComponent, DynamicFieldLoaderDirective, EmailInputComponent, FILE_UPLOAD_AI_CAPABILITIES, InlineAsyncSelectComponent, InlineAutocompleteComponent, InlineColorLabelComponent, InlineCurrencyComponent, InlineCurrencyRangeComponent, InlineDateComponent, InlineDateRangeComponent, InlineDistanceRadiusComponent, InlineEntityLookupComponent, InlineInputComponent, InlineMonthRangeComponent, InlineMultiSelectComponent, InlineNumberComponent, InlinePeriodRangeComponent, InlinePipelineStatusComponent, InlineRangeSliderComponent, InlineRatingComponent, InlineRelativePeriodComponent, InlineScorePriorityComponent, InlineSearchableSelectComponent, InlineSelectComponent, InlineSentimentComponent, InlineTimeComponent, InlineTimeRangeComponent, InlineToggleComponent, InlineTreeSelectComponent, InlineYearRangeComponent, KeyboardShortcutService, LIST_CONTROLS_AI_CAPABILITIES, LoggerPresets, MAX_LOAD_ATTEMPTS, MaterialAsyncSelectComponent, MaterialAutocompleteComponent, MaterialAvatarComponent, MaterialButtonComponent, MaterialButtonToggleComponent, MaterialCheckboxGroupComponent, MaterialChipsComponent, MaterialColorPickerComponent, MaterialCpfCnpjInputComponent, MaterialCurrencyComponent, MaterialDateRangeComponent, MaterialDatepickerComponent, MaterialFileUploadComponent, MaterialMultiSelectComponent, MaterialMultiSelectTreeComponent, MaterialPriceRangeComponent, MaterialRadioGroupComponent, MaterialRatingComponent, MaterialSearchableSelectComponent, MaterialSelectComponent, MaterialSelectionListComponent, MaterialSlideToggleComponent, MaterialSliderComponent, MaterialTextareaComponent, MaterialTimepickerComponent, MaterialTransferListComponent, MaterialTreeSelectComponent, MonthInputComponent, NUMERIC_INPUTS_AI_CAPABILITIES, NumberInputComponent, OptionStore, PDX_COLOR_INPUT_COMPONENT_METADATA, PDX_COLOR_PICKER_COMPONENT_METADATA, PDX_DATETIME_LOCAL_INPUT_COMPONENT_METADATA, PDX_DATE_INPUT_COMPONENT_METADATA, PDX_EMAIL_INPUT_COMPONENT_METADATA, PDX_FIELD_SHELL_COMPONENT_METADATA, PDX_INLINE_ASYNC_SELECT_COMPONENT_METADATA, PDX_INLINE_AUTOCOMPLETE_COMPONENT_METADATA, PDX_INLINE_COLOR_LABEL_COMPONENT_METADATA, PDX_INLINE_CURRENCY_COMPONENT_METADATA, PDX_INLINE_CURRENCY_RANGE_COMPONENT_METADATA, PDX_INLINE_DATE_COMPONENT_METADATA, PDX_INLINE_DATE_RANGE_COMPONENT_METADATA, PDX_INLINE_DISTANCE_RADIUS_COMPONENT_METADATA, PDX_INLINE_ENTITY_LOOKUP_COMPONENT_METADATA, PDX_INLINE_INPUT_COMPONENT_METADATA, PDX_INLINE_MONTH_RANGE_COMPONENT_METADATA, PDX_INLINE_MULTI_SELECT_COMPONENT_METADATA, PDX_INLINE_NUMBER_COMPONENT_METADATA, PDX_INLINE_PERIOD_RANGE_COMPONENT_METADATA, PDX_INLINE_PIPELINE_STATUS_COMPONENT_METADATA, PDX_INLINE_RANGE_SLIDER_COMPONENT_METADATA, PDX_INLINE_RATING_COMPONENT_METADATA, PDX_INLINE_RELATIVE_PERIOD_COMPONENT_METADATA, PDX_INLINE_SCORE_PRIORITY_COMPONENT_METADATA, PDX_INLINE_SEARCHABLE_SELECT_COMPONENT_METADATA, PDX_INLINE_SELECT_COMPONENT_METADATA, PDX_INLINE_SENTIMENT_COMPONENT_METADATA, PDX_INLINE_TIME_COMPONENT_METADATA, PDX_INLINE_TIME_RANGE_COMPONENT_METADATA, PDX_INLINE_TOGGLE_COMPONENT_METADATA, PDX_INLINE_TREE_SELECT_COMPONENT_METADATA, PDX_INLINE_YEAR_RANGE_COMPONENT_METADATA, PDX_MATERIAL_AVATAR_COMPONENT_METADATA, PDX_MATERIAL_BUTTON_COMPONENT_METADATA, PDX_MATERIAL_BUTTON_TOGGLE_COMPONENT_METADATA, PDX_MATERIAL_CHECKBOX_GROUP_COMPONENT_METADATA, PDX_MATERIAL_CHIPS_COMPONENT_METADATA, PDX_MATERIAL_COLORPICKER_COMPONENT_METADATA, PDX_MATERIAL_CPF_CNPJ_INPUT_COMPONENT_METADATA, PDX_MATERIAL_CURRENCY_COMPONENT_METADATA, PDX_MATERIAL_DATEPICKER_COMPONENT_METADATA, PDX_MATERIAL_DATE_RANGE_COMPONENT_METADATA, PDX_MATERIAL_FILE_UPLOAD_COMPONENT_METADATA, PDX_MATERIAL_MULTI_SELECT_COMPONENT_METADATA, PDX_MATERIAL_MULTI_SELECT_TREE_COMPONENT_METADATA, PDX_MATERIAL_PRICE_RANGE_COMPONENT_METADATA, PDX_MATERIAL_RADIO_GROUP_COMPONENT_METADATA, PDX_MATERIAL_RANGE_SLIDER_COMPONENT_METADATA, PDX_MATERIAL_RATING_COMPONENT_METADATA, PDX_MATERIAL_SEARCHABLE_SELECT_COMPONENT_METADATA, PDX_MATERIAL_SELECTION_LIST_COMPONENT_METADATA, PDX_MATERIAL_SELECT_COMPONENT_METADATA, PDX_MATERIAL_SLIDER_COMPONENT_METADATA, PDX_MATERIAL_TEXTAREA_COMPONENT_METADATA, PDX_MATERIAL_TIMEPICKER_COMPONENT_METADATA, PDX_MATERIAL_TIME_RANGE_COMPONENT_METADATA, PDX_MATERIAL_TRANSFER_LIST_COMPONENT_METADATA, PDX_MATERIAL_TREE_SELECT_COMPONENT_METADATA, PDX_MONTH_INPUT_COMPONENT_METADATA, PDX_NUMBER_INPUT_COMPONENT_METADATA, PDX_PASSWORD_INPUT_COMPONENT_METADATA, PDX_PHONE_INPUT_COMPONENT_METADATA, PDX_PRELOAD_STATUS_COMPONENT_METADATA, PDX_SEARCH_INPUT_COMPONENT_METADATA, PDX_TEXT_INPUT_COMPONENT_METADATA, PDX_TIME_INPUT_COMPONENT_METADATA, PDX_URL_INPUT_COMPONENT_METADATA, PDX_WEEK_INPUT_COMPONENT_METADATA, PDX_YEAR_INPUT_COMPONENT_METADATA, PRAXIS_DYNAMIC_FIELDS_EN_US, PRAXIS_DYNAMIC_FIELDS_I18N, PRAXIS_DYNAMIC_FIELDS_LOGGER_BACKEND, PRAXIS_DYNAMIC_FIELDS_PT_BR, PRICE_RANGE_AI_CAPABILITIES, PasswordInputComponent, PdxColorPickerComponent, PdxMaterialRangeSliderComponent, PdxMaterialTimeRangeComponent, PdxYearInputComponent, PhoneInputComponent, PraxisErrorStateMatcher, PreloadStatusComponent, RETRY_DELAY, SELECT_CONTROLS_AI_CAPABILITIES, SearchInputComponent, SimpleBaseButtonComponent, SimpleBaseInputComponent, SimpleBaseSelectComponent, TEXT_INPUTS_AI_CAPABILITIES, TIME_RANGE_AI_CAPABILITIES, TOGGLE_CONTROLS_AI_CAPABILITIES, TREE_CONTROLS_AI_CAPABILITIES, TextInputComponent, TimeInputComponent, UrlInputComponent, WeekInputComponent, YEAR_INPUT_AI_CAPABILITIES, bindDynamicFieldsLoggerBackendFromInjector, clearDynamicFieldsLoggerBackend, configureDynamicFieldsLogger, createDynamicFieldPreviewRecipe, createErrorStateMatcher, createPraxisDynamicFieldsI18nConfig, emitToDynamicFieldsLoggerBackend, enableDebugForComponent, getControlTypeCatalog, getErrorStateMatcherForField, inferErrorStateStrategy, initializeComponentSystem, initializeComponentSystemSync, isBaseDynamicFieldComponent, isLoadingCapableComponent, isValidJsonSchema, isValueBasedComponent, logger, mapJsonSchemaToFields, mapPropertyToFieldMetadata, normalizeFormMetadata, provideMaterialAvatarMetadata, providePraxisDynamicFields, providePraxisDynamicFieldsCore, providePraxisDynamicFieldsCoreNoDefaults, providePraxisDynamicFieldsI18n, providePraxisDynamicFieldsNoDefaults, resolvePraxisDynamicFieldsText, setDynamicFieldsLoggerBackend, silenceComponent, supportsClearButtonControlType };
 //# sourceMappingURL=praxisui-dynamic-fields.mjs.map