@praxisui/dynamic-fields 3.0.0-beta.2 → 3.0.0-beta.4

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 = [
@@ -869,6 +918,11 @@ class SimpleBaseInputComponent {
         const componentState = this.componentState();
         const ngControl = this.getNgControl();
         const parentInvalid = !!ngControl?.invalid;
+        const parentTouched = !!ngControl?.touched;
+        const parentDirty = !!ngControl?.dirty;
+        const controlState = this.control();
+        const controlTouched = !!controlState.touched;
+        const controlDirty = !!controlState.dirty;
         const errors = ngControl?.errors ?? this.control().errors;
         const meta = this.metadata();
         const trig = meta?.validators?.validationTrigger;
@@ -883,13 +937,19 @@ class SimpleBaseInputComponent {
             case 'immediate':
                 return true;
             case 'blur':
-                return componentState.touched;
+                return componentState.touched || parentTouched || controlTouched;
             case 'submit':
                 // Praxis onSubmit marca todos como touched; usamos esse sinal
-                return componentState.touched;
+                return componentState.touched || parentTouched || controlTouched;
             case 'change':
             default:
-                return (componentState.dirty || componentState.touched) && this.errorDisplayReady();
+                return (componentState.dirty
+                    || componentState.touched
+                    || parentDirty
+                    || parentTouched
+                    || controlDirty
+                    || controlTouched)
+                    && this.errorDisplayReady();
         }
     }, ...(ngDevMode ? [{ debugName: "hasValidationError" }] : []));
     /** CSS classes básicas do componente */
@@ -1365,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) {
@@ -1492,10 +1555,12 @@ class SimpleBaseInputComponent {
     // =============================================================================
     setupFormControlIntegration() {
         const control = this.control();
+        this.syncComponentStateFromControl(control);
         control.valueChanges
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((value) => {
             this.fieldState.update((state) => ({ ...state, value }));
+            this.syncComponentStateFromControl(control);
         });
         control.statusChanges
             .pipe(takeUntilDestroyed(this.destroyRef))
@@ -1505,6 +1570,7 @@ class SimpleBaseInputComponent {
                 valid: status === 'VALID',
                 errors: control.errors,
             }));
+            this.syncComponentStateFromControl(control);
             this.refreshErrorTooltip();
         });
         // Sincronizar erros/estado do controle pai apenas quando usando controle interno
@@ -1520,35 +1586,51 @@ class SimpleBaseInputComponent {
                     errors: errs,
                     valid: !errs,
                 }));
+                this.syncComponentStateFromControl(control);
                 this.refreshErrorTooltip();
                 this.cdr.markForCheck();
             });
         }
     }
+    syncComponentStateFromControl(control) {
+        this.componentState.update((state) => ({
+            ...state,
+            touched: !!control.touched,
+            dirty: !!control.dirty,
+            disabled: !!control.disabled,
+        }));
+    }
     // Atualiza tooltip/atributos de erro quando erros mudam e quando inline errors estiverem desabilitados
     refreshErrorTooltip() {
         if (!this.nativeElement)
             return;
-        // Só aplica tooltip nativo quando errorPosition === 'tooltip' e não houver MatTooltip no template
-        // Força avaliação de tooltipPosition para evitar aviso de membro não utilizado
-        void this.tooltipPosition();
-        if (!this.tooltipEnabled()) {
-            this.nativeElement.removeAttribute('title');
-            this.nativeElement.removeAttribute('aria-invalid');
-            return;
-        }
         const hasErrors = !!(this.getNgControl()?.errors ?? this.control().errors);
         if (hasErrors) {
-            const msg = this.errorMessage();
-            if (msg)
-                this.nativeElement.setAttribute('title', msg);
             this.nativeElement.setAttribute('aria-invalid', 'true');
+            if (this.tooltipEnabled()) {
+                // Força avaliação de tooltipPosition para evitar aviso de membro não utilizado
+                void this.tooltipPosition();
+                const msg = this.errorMessage();
+                if (msg) {
+                    this.nativeElement.setAttribute('title', msg);
+                }
+                else {
+                    this.nativeElement.removeAttribute('title');
+                }
+            }
+            else {
+                this.nativeElement.removeAttribute('title');
+            }
         }
         else {
             this.nativeElement.removeAttribute('title');
             this.nativeElement.removeAttribute('aria-invalid');
         }
     }
+    ariaInvalidAttribute() {
+        const hasErrors = !!(this.getNgControl()?.errors ?? this.control().errors);
+        return hasErrors ? 'true' : null;
+    }
     tDynamicFields(keySuffix, fallback, params) {
         return this.i18n.t(`praxis.dynamicFields.${keySuffix}`, params, fallback, 'dynamicFields');
     }
@@ -3406,6 +3488,7 @@ class ComponentRegistryService {
         this.registry.forEach((registration) => {
             registration.cached = undefined;
             registration.cachedAt = undefined;
+            registration.loadingPromise = undefined;
             registration.loadAttempts = 0;
             registration.lastError = undefined;
         });
@@ -3436,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 }, {
@@ -3691,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' } }));
@@ -3715,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) {
@@ -3726,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;
         }
@@ -5167,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.
      */
@@ -7725,6 +7868,7 @@ class TextInputComponent extends SimpleBaseInputComponent {
         [minlength]="metadata()?.minLength || null"
         [attr.aria-label]="!label && placeholder ? placeholder : null"
         [attr.aria-required]="metadata()?.required ? 'true' : 'false'"
+        [attr.aria-invalid]="ariaInvalidAttribute()"
         [matTooltip]="tooltipEnabled() ? errorMessage() : null"
         [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
         [matTooltipPosition]="tooltipPosition()"
@@ -7816,6 +7960,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         [minlength]="metadata()?.minLength || null"
         [attr.aria-label]="!label && placeholder ? placeholder : null"
         [attr.aria-required]="metadata()?.required ? 'true' : 'false'"
+        [attr.aria-invalid]="ariaInvalidAttribute()"
         [matTooltip]="tooltipEnabled() ? errorMessage() : null"
         [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
         [matTooltipPosition]="tooltipPosition()"
@@ -14038,7 +14183,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();
@@ -14061,7 +14209,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();
@@ -16127,7 +16288,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();
@@ -16136,8 +16300,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));
@@ -17856,6 +18033,9 @@ class InlineInputComponent extends SimpleBaseInputComponent {
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
+        if (this.inputEl?.nativeElement) {
+            this.registerInputElement(this.inputEl.nativeElement);
+        }
         this.scheduleInlineResize();
     }
     onComponentDestroy() {
@@ -18082,6 +18262,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"
@@ -18161,6 +18342,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"
@@ -19351,6 +19533,9 @@ class InlineNumberComponent extends SimpleBaseInputComponent {
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
+        if (this.inputEl?.nativeElement) {
+            this.registerInputElement(this.inputEl.nativeElement);
+        }
         this.scheduleInlineResize();
     }
     onComponentDestroy() {
@@ -19779,6 +19964,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()"
@@ -19891,6 +20077,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()"
@@ -20963,7 +21150,7 @@ class InlineCurrencyRangeComponent extends SimpleBaseInputComponent {
         return this.distributionVisual().opacity;
     }
     isInteractionBlocked() {
-        return this.disabledMode || this.isReadonlyEffective();
+        return this.isInteractionBlockedByState();
     }
     hasSelection() {
         return this.currentRangeValue() !== null;
@@ -22283,7 +22470,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()) {
@@ -25316,10 +25503,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;
@@ -26666,7 +26850,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;
@@ -28651,10 +28835,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;
@@ -30304,7 +30485,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
@@ -30312,7 +30493,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()"
@@ -30492,7 +30673,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
@@ -30500,7 +30681,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()"
@@ -32998,10 +33179,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);
@@ -33033,16 +33214,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();
@@ -33172,9 +33353,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) {
@@ -33228,7 +33409,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();
@@ -33238,7 +33419,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')
@@ -33261,7 +33442,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;
@@ -33489,7 +33670,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;
@@ -35477,7 +35658,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)) {
@@ -36389,7 +36570,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)) {
@@ -37398,7 +37579,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)) {
@@ -39383,6 +39564,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)) {
@@ -39425,6 +39607,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');
@@ -39446,6 +39631,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());
@@ -39486,6 +39674,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"
@@ -39593,6 +39782,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"
@@ -40284,6 +40474,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)
@@ -40520,7 +40716,7 @@ class MaterialAvatarComponent {
         }
     }
     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" } }, ngImport: i0, template: `
     <span class="pfx-avatar__inner"
           [attr.aria-hidden]="presentationMode ? 'true' : null"
           [ngStyle]="resolvedStyle()"
@@ -40557,7 +40753,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,
@@ -40567,6 +40766,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()',
@@ -40610,7 +40810,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: [{
@@ -41658,12 +41861,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: [
             {
@@ -41683,6 +41902,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()) {
@@ -41712,6 +41934,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()) {
@@ -45567,6 +45792,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) => ({
@@ -45829,7 +46057,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,
@@ -45961,6 +46193,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,
@@ -45975,7 +46211,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: [{
@@ -47977,11 +48213,24 @@ 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',
     supported: true,
-    metadataPatch: { required: true },
+    metadataPatch: {
+        required: true,
+        validators: {
+            requiredMessage: 'Governed sample error state for playground preview.',
+            validationTrigger: 'immediate',
+        },
+    },
     errorMessage: 'Governed sample error state for playground preview.',
 };
 const DYNAMIC_FIELD_BASE_STATE_RECIPES = [
@@ -47989,9 +48238,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,
@@ -48003,7 +48264,7 @@ function createDynamicFieldPreviewRecipe(input) {
             controlType: input.controlType,
             ...(input.metadata ?? {}),
         },
-        states: input.states ? [...input.states] : [...DYNAMIC_FIELD_BASE_STATE_RECIPES],
+        states,
     };
 }
 
@@ -48026,7 +48287,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,
@@ -48057,6 +48318,7 @@ function createEntry(input) {
             description: input.description,
             metadata: input.metadata,
             states: input.stateRecipes,
+            supportedStates: states,
         }),
         snippetRecipe: {
             language: input.snippetLanguage ?? 'json',
@@ -48068,6 +48330,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',
@@ -48083,6 +48354,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',
@@ -48217,6 +48491,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',
@@ -48321,6 +48598,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',
@@ -48444,6 +48724,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',
@@ -48636,6 +48919,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',
@@ -48751,6 +49037,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',
@@ -48765,6 +49054,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',
@@ -48962,6 +49254,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',
@@ -49078,6 +49373,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.'),
+        ],
     }),
 ];
 
@@ -50914,5 +51212,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