@praxisui/dynamic-fields 9.0.0-beta.88 → 9.0.0-beta.90

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-07-23T02:50:28.389Z",
+  "generatedAt": "2026-07-24T12:32:39.440Z",
   "packageName": "@praxisui/dynamic-fields",
-  "packageVersion": "9.0.0-beta.88",
+  "packageVersion": "9.0.0-beta.90",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 76,

package/docs/dynamic-fields-field-selection-guide.md

@@ -87,6 +87,11 @@ campos, nao de CSS local. O Angular Material documenta que, em campos
 `fill`/`outline`, prefixos/sufixos nao se alinham bem com labels em repouso; por
 isso a recomendacao oficial e manter o label sempre flutuante nesses cenarios.
 
+O runtime usa `subscriptSizing: 'dynamic'` como padrao seguro: hints e erros
+multiline participam do fluxo vertical e nao podem invadir o proximo campo.
+Use `'fixed'` somente como opt-in explicito quando o conteudo do subscript for
+comprovadamente limitado a uma linha.
+
 ## 1. Texto livre vs selecao
 
 ### Use `input` / `textarea` quando
@@ -115,6 +120,22 @@ Se o schema usa `input` para algo que depois exige validacao pesada, busca seman
 | entidade de negocio remota com status, permissao, reidratacao ou dependencias | `entityLookup` | preserva identidade de entidade e usa contrato `RESOURCE_ENTITY` em vez de tratar entidade como opcao simples |
 | busca incremental com semantica de sugestao | `autoComplete` | boa UX para descoberta |
 
+### Bootstrap assíncrono de seleção
+
+O valor selecionado e as options podem chegar em momentos diferentes. Para
+options locais, o host deve manter o `FormControl` vazio até a option canonica
+estar disponível. Caso o valor persistido já tenha chegado, o
+`inlineEntityLookup` o preserva como pendente: não o apresenta como seleção
+ativa nem emite evento de seleção até encontrar a option correspondente.
+
+Para fonte remota ou `RESOURCE_ENTITY`, preserve o ID e use a reidratação
+canônica por by-ids. Não substitua esse fluxo por uma lista local e não limpe
+silenciosamente um valor que ainda está sendo reidratado.
+
+Em ambos os casos, teste valor antes das options, options antes do valor, ID
+ausente e mudança de contexto durante a carga. A reconciliação não é uma ação
+do usuário e não deve emitir `selectionChange` nem disparar refresh da rota.
+
 ### Promocao oficial de exemplos `entityLookup`
 
 Um recurso so deve ser promovido como exemplo oficial de `entityLookup` quando

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -7484,7 +7484,7 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -7630,7 +7630,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -8033,7 +8033,7 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -8137,7 +8137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -13353,7 +13353,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -13495,7 +13495,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -13717,7 +13717,7 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
             : ['pdx-inline-entity-lookup-panel'];
     }
     hasSelection() {
-        return this.selectedCount() > 0;
+        return this.selectedCount() > 0 && !this.hasPendingLocalSelection();
     }
     selectedCount() {
         const value = this.control().value;
@@ -13731,6 +13731,12 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         if (value === null || value === undefined || value === '') {
             return this.placeholderText();
         }
+        // A shell can restore its persisted context before its local options arrive.
+        // Keep the control identity intact, but do not expose an orphan value as a
+        // selected entity or emit a synthetic selection while the list is pending.
+        if (this.hasPendingLocalSelection()) {
+            return this.placeholderText();
+        }
         if (Array.isArray(value)) {
             if (!value.length) {
                 return this.placeholderText();
@@ -13749,6 +13755,17 @@ class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
         const single = this.resolveLookupText(value);
         return single || this.placeholderText();
     }
+    hasPendingLocalSelection() {
+        if (this.resourcePath() ||
+            this.currentMetadata().controlType !== 'inlineEntityLookup') {
+            return false;
+        }
+        const value = this.control().value;
+        const selectedValues = Array.isArray(value) ? value : [value];
+        const nonEmptyValues = selectedValues.filter((entry) => entry !== null && entry !== undefined && entry !== '');
+        return (nonEmptyValues.length > 0 &&
+            nonEmptyValues.some((entry) => !this.findKnownLookupOption(entry)));
+    }
     richLayoutEnabled() {
         const meta = this.currentMetadata();
         const display = this.lookupDisplayConfig();
@@ -19501,7 +19518,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
       floatLabel="auto"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -19652,7 +19669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       floatLabel="auto"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -20388,7 +20405,7 @@ class MaterialTextareaComponent extends SimpleBaseInputComponent {
                 useExisting: forwardRef(() => MaterialTextareaComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field\n  [appearance]=\"materialAppearance()\"\n  [color]=\"materialColor()\"\n  [floatLabel]=\"floatLabelBehavior()\"\n  [class.pdx-textarea-auto-resize]=\"autoResizeEnabled()\"\n  [class.pdx-textarea-spellcheck]=\"metadata()?.spellcheck\"\n  [class.pdx-textarea-code]=\"isCodeLikeMode()\"\n>\n  <mat-label>\n    <span\n      [matTooltip]=\"metadata()?.description || null\"\n      [matTooltipDisabled]=\"!metadata()?.description\"\n      matTooltipPosition=\"above\"\n    >\n      {{ label }}\n    </span>\n  </mat-label>\n  <!-- Optional prefix icon -->\n  @if (metadata()?.prefixIcon) {\n    <mat-icon\n      matPrefix\n      [matTooltip]=\"'Icon: ' + metadata()?.prefixIcon\"\n      matTooltipPosition=\"above\"\n      [color]=\"iconPalette(metadata()?.prefixIconColor)\"\n      [style.color]=\"iconCustomColor(metadata()?.prefixIconColor)\"\n      [praxisIcon]=\"metadata()?.prefixIcon\"\n    ></mat-icon>\n  }\n\n  <textarea\n    matInput\n    [formControl]=\"control()\"\n    [attr.placeholder]=\"shouldShowPlaceholder && placeholder ? placeholder : null\"\n    [readonly]=\"isReadonlyEffective()\"\n    [rows]=\"getRowsAttr()\"\n    [cdkTextareaAutosize]=\"autoResizeEnabled()\"\n    [cdkAutosizeMinRows]=\"getMinRowsAttr()\"\n    [cdkAutosizeMaxRows]=\"getMaxRowsAttr()\"\n    [maxlength]=\"metadata()?.maxLength || null\"\n    [minlength]=\"metadata()?.minLength || null\"\n    [attr.aria-describedby]=\"hasInlineFieldHelp() ? componentId() + '-hint' : null\"\n    [attr.spellcheck]=\"effectiveSpellcheck() === null ? null : effectiveSpellcheck()\"\n    [attr.wrap]=\"effectiveWrap()\"\n    [attr.cols]=\"metadata()?.cols || null\"\n    [style.resize]=\"metadata()?.resize || null\"\n    [matTooltip]=\"tooltipEnabled() ? errorMessage() : null\"\n    [matTooltipDisabled]=\"!(tooltipEnabled() && hasValidationError())\"\n    [matTooltipPosition]=\"tooltipPosition()\"\n    (focus)=\"onFocusLog()\"\n    (blur)=\"onBlurLog()\"\n    (input)=\"onInputLog($event)\"\n    (paste)=\"onPaste($event)\"\n    (cut)=\"onCut($event)\"\n    (keydown)=\"onTextareaKeydown($event)\"\n  ></textarea>\n  <!-- Optional suffix icon -->\n  @if (metadata()?.suffixIcon) {\n    <mat-icon\n      matSuffix\n      [matTooltip]=\"metadata()?.suffixIconTooltip || ('Icon: ' + metadata()?.suffixIcon)\"\n      matTooltipPosition=\"above\"\n      [color]=\"iconPalette(metadata()?.suffixIconColor)\"\n      [style.color]=\"iconCustomColor(metadata()?.suffixIconColor)\"\n      [attr.aria-label]=\"metadata()?.suffixIconAriaLabel || null\"\n      [praxisIcon]=\"metadata()?.suffixIcon\"\n    ></mat-icon>\n  }\n  <!-- Optional clear button -->\n  @if (showClear()) {\n    <button\n      mat-icon-button\n      matSuffix\n      type=\"button\"\n      (click)=\"onClearClick()\"\n      [disabled]=\"disabledMode || isReadonlyEffective() || presentationMode\"\n      [matTooltip]=\"clearActionTooltip()\"\n      matTooltipPosition=\"above\"\n      [attr.aria-label]=\"clearActionAriaLabel()\"\n    >\n      <mat-icon\n        [color]=\"iconPalette(metadata()?.clearButton?.iconColor)\"\n        [style.color]=\"iconCustomColor(metadata()?.clearButton?.iconColor)\"\n        [praxisIcon]=\"metadata()?.clearButton?.icon || 'mi:clear'\"\n      ></mat-icon>\n    </button>\n  }\n  @if (fieldHelpPopoverText()) {\n    <mat-icon\n      matSuffix\n      class=\"pdx-field-help-icon\"\n      [matTooltip]=\"fieldHelpPopoverText()\"\n      matTooltipPosition=\"above\"\n      [matTooltipDisabled]=\"fieldHelpPopoverDisabled()\"\n      [attr.aria-label]=\"fieldHelpAriaLabel()\"\n      tabindex=\"0\"\n      [praxisIcon]=\"'help_outline'\"\n    ></mat-icon>\n  }\n  @if (hasInlineFieldHelp()) {\n    <mat-hint [id]=\"componentId() + '-hint'\" align=\"start\">{{ fieldHelpInlineText() }}</mat-hint>\n  }\n  @if (showCharacterCount()) {\n    <mat-hint align=\"end\" [class.pdx-character-count-warning]=\"isNearLimit()\" [class.pdx-character-count-error]=\"isAtOrOverLimit()\">\n      {{ charCount }}/{{ metadata()?.maxLength }}\n    </mat-hint>\n  }\n  @if (showStats()) {\n    <mat-hint align=\"end\">{{ getWords() }} palavras \u2022 {{ getLines() }} linhas</mat-hint>\n  }\n  @if (hasValidationError()) {\n    <mat-error>{{ errorMessage() }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;position:relative}:host.pdx-loading{pointer-events:none;opacity:.7}:host.pdx-error .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-focused .mat-mdc-form-field{--mdc-outlined-text-field-focused-outline-color: var(--md-sys-color-primary)}:host.pdx-dirty .mat-mdc-form-field-label:after{content:\" \\2022\";color:var(--md-sys-color-primary);font-weight:700}:host.pdx-valid.pdx-dirty .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-tertiary)}:host.pdx-invalid.pdx-touched .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-textarea-auto-resize .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea{resize:none!important;overflow-y:hidden;transition:height .2s ease-out}:host.pdx-textarea-with-preview .mat-mdc-form-field{margin-bottom:16px}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-webkit-input-placeholder{font-style:italic}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-moz-placeholder{font-style:italic}:host.pdx-textarea-with-stats{margin-bottom:48px}.pdx-textarea-container{position:relative;width:100%}.mat-mdc-form-field{width:100%}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:inherit;line-height:1.5}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar{width:8px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline-variant)}.mat-mdc-form-field .mat-mdc-form-field-suffix{display:flex;align-items:center;gap:4px}.mat-mdc-form-field.pdx-textarea-with-tabs{border-top:1px solid var(--md-sys-color-outline-variant);border-radius:0 0 4px 4px}:host.pdx-textarea-code .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;white-space:pre;word-break:normal;overflow-x:auto}.pdx-character-count-warning{color:var(--md-sys-color-secondary)}.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600}.pdx-textarea-tabs{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px 4px 0 0;margin-bottom:-1px}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-body-wrapper{padding:16px;min-height:200px}.pdx-textarea-preview-content{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:16px;min-height:120px;font-family:inherit;line-height:1.6}.pdx-textarea-preview-content .markdown-content h1,.pdx-textarea-preview-content .markdown-content h2,.pdx-textarea-preview-content .markdown-content h3,.pdx-textarea-preview-content .markdown-content h4,.pdx-textarea-preview-content .markdown-content h5,.pdx-textarea-preview-content .markdown-content h6{margin:16px 0 8px;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content h1:first-child,.pdx-textarea-preview-content .markdown-content h2:first-child,.pdx-textarea-preview-content .markdown-content h3:first-child,.pdx-textarea-preview-content .markdown-content h4:first-child,.pdx-textarea-preview-content .markdown-content h5:first-child,.pdx-textarea-preview-content .markdown-content h6:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content h1{font-size:1.5rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h2{font-size:1.3rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h3{font-size:1.1rem;font-weight:500}.pdx-textarea-preview-content .markdown-content p{margin:8px 0}.pdx-textarea-preview-content .markdown-content p:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content p:last-child{margin-bottom:0}.pdx-textarea-preview-content .markdown-content strong{font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content em{font-style:italic}.pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:3px;padding:2px 4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.pdx-textarea-preview-content .markdown-content br{line-height:1.8}.pdx-templates-button,.pdx-preview-button,.pdx-auto-resize-button,.pdx-clear-button{width:32px;height:32px;line-height:32px;opacity:.7;transition:all .2s ease}.pdx-templates-button:hover,.pdx-preview-button:hover,.pdx-auto-resize-button:hover,.pdx-clear-button:hover{opacity:1;background:var(--md-sys-color-primary-container)}.pdx-templates-button .mat-icon,.pdx-preview-button .mat-icon,.pdx-auto-resize-button .mat-icon,.pdx-clear-button .mat-icon{font-size:18px;width:18px;height:18px}.pdx-templates-button.pdx-preview-active,.pdx-templates-button.pdx-auto-resize-active,.pdx-preview-button.pdx-preview-active,.pdx-preview-button.pdx-auto-resize-active,.pdx-auto-resize-button.pdx-preview-active,.pdx-auto-resize-button.pdx-auto-resize-active,.pdx-clear-button.pdx-preview-active,.pdx-clear-button.pdx-auto-resize-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-templates-menu .pdx-template-item{padding:12px 16px;line-height:1.4}.pdx-templates-menu .pdx-template-item .mat-icon{margin-right:12px;color:var(--md-sys-color-primary)}.pdx-templates-menu .pdx-template-item .pdx-template-info{display:flex;flex-direction:column}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-name{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-description{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;margin-top:2px}.pdx-templates-menu .pdx-template-item:hover{background:var(--md-sys-color-surface-variant)}.pdx-text-statistics{position:absolute;bottom:-44px;left:0;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:8px 12px}.pdx-text-statistics .pdx-stats-grid{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-weight:600;font-size:.9rem;color:var(--md-sys-color-primary);font-variant-numeric:tabular-nums}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.7rem;color:var(--md-sys-color-on-surface-variant);text-transform:lowercase;margin-top:2px}.pdx-preview-panel{margin-top:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;background:var(--md-sys-color-surface)}.pdx-preview-panel .pdx-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-variant)}.pdx-preview-panel .pdx-preview-header .pdx-preview-title{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector{display:flex;gap:4px}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button{width:32px;height:32px;opacity:.6;transition:all .2s ease}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button:hover{opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button .mat-icon{font-size:16px;width:16px;height:16px}.pdx-preview-panel .pdx-preview-content{padding:16px;min-height:120px;line-height:1.6}.mat-mdc-form-field-label{cursor:pointer;transition:all .2s ease}.mat-mdc-form-field-label:hover{color:var(--md-sys-color-primary)}.mat-mdc-form-field-label .pdx-required-marker{color:var(--md-sys-color-error);margin-left:2px;font-weight:700}.pdx-label-editor{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-primary);border-radius:4px;padding:4px 8px;font-size:inherit;font-family:inherit;color:inherit;outline:none;box-shadow:var(--md-sys-elevation-level1, var(--md-sys-elevation-level1))}.pdx-label-editor:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pdx-character-count{font-size:.75rem;font-variant-numeric:tabular-nums;transition:color .2s ease}.pdx-character-count.pdx-character-count-warning{color:var(--md-sys-color-secondary);font-weight:500}.pdx-character-count.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600;animation:pulse-error 1s ease-in-out}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.7}}.pdx-error-message{display:flex;align-items:flex-start;gap:4px;font-size:.75rem;line-height:1.4;margin-top:4px}.pdx-error-message .pdx-error-icon{font-size:16px;width:16px;height:16px;margin-top:1px;color:var(--md-sys-color-error)}.pdx-error-message.pdx-additional-error{margin-top:2px;opacity:.8;font-size:.7rem}.pdx-additional-errors{margin-top:4px}.pdx-validation-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;color:var(--md-sys-color-primary);font-size:.75rem}.pdx-validation-loading .pdx-loading-spinner{font-size:16px;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdx-debug-info{position:absolute;top:-24px;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:4px;padding:2px 6px;font-size:.65rem;color:var(--md-sys-color-on-surface-variant);z-index:10}.pdx-debug-info .pdx-debug-security{display:block;font-family:monospace}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:high){:host .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: currentColor;--mdc-outlined-text-field-focused-outline-color: currentColor}:host .pdx-character-count.pdx-character-count-warning,:host .pdx-character-count.pdx-character-count-error{color:currentColor;font-weight:700}:host .pdx-text-statistics{border-color:currentColor}:host .pdx-text-statistics .pdx-stat-value{color:currentColor}}@media(prefers-reduced-motion:reduce){:host *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:host .pdx-label-editor{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-surface)}:host .pdx-debug-info{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}:host .pdx-text-statistics{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs,:host .pdx-preview-panel{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs .pdx-preview-header,:host .pdx-preview-panel .pdx-preview-header{background:var(--md-sys-color-surface-variant);border-bottom-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content .markdown-content h1,:host .pdx-textarea-preview-content .markdown-content h2,:host .pdx-textarea-preview-content .markdown-content h3,:host .pdx-textarea-preview-content .markdown-content h4,:host .pdx-textarea-preview-content .markdown-content h5,:host .pdx-textarea-preview-content .markdown-content h6{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content strong{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}}@media(max-width:599px){:host .pdx-text-statistics .pdx-stats-grid{gap:8px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:50px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.65rem}:host .pdx-textarea-tabs .mat-mdc-tab-body-wrapper{padding:8px;min-height:150px}:host .pdx-preview-panel .pdx-preview-content{padding:12px;min-height:100px}}@media(min-width:600px){:host .pdx-character-count{font-size:.8rem}:host .pdx-error-message{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:70px}}@media(min-width:1200px){:host.pdx-textarea-with-preview{display:flex;gap:16px}:host.pdx-textarea-with-preview .pdx-textarea-container{flex:1}:host.pdx-textarea-with-preview .pdx-preview-panel{flex:1;margin-top:0;height:fit-content}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+        ], usesInheritance: true, ngImport: i0, template: "<mat-form-field\n  [appearance]=\"materialAppearance()\"\n  [color]=\"materialColor()\"\n  [floatLabel]=\"floatLabelBehavior()\"\n  [subscriptSizing]=\"metadata()?.materialDesign?.subscriptSizing || 'dynamic'\"\n  [class.pdx-textarea-auto-resize]=\"autoResizeEnabled()\"\n  [class.pdx-textarea-spellcheck]=\"metadata()?.spellcheck\"\n  [class.pdx-textarea-code]=\"isCodeLikeMode()\"\n>\n  <mat-label>\n    <span\n      [matTooltip]=\"metadata()?.description || null\"\n      [matTooltipDisabled]=\"!metadata()?.description\"\n      matTooltipPosition=\"above\"\n    >\n      {{ label }}\n    </span>\n  </mat-label>\n  <!-- Optional prefix icon -->\n  @if (metadata()?.prefixIcon) {\n    <mat-icon\n      matPrefix\n      [matTooltip]=\"'Icon: ' + metadata()?.prefixIcon\"\n      matTooltipPosition=\"above\"\n      [color]=\"iconPalette(metadata()?.prefixIconColor)\"\n      [style.color]=\"iconCustomColor(metadata()?.prefixIconColor)\"\n      [praxisIcon]=\"metadata()?.prefixIcon\"\n    ></mat-icon>\n  }\n\n  <textarea\n    matInput\n    [formControl]=\"control()\"\n    [attr.placeholder]=\"shouldShowPlaceholder && placeholder ? placeholder : null\"\n    [readonly]=\"isReadonlyEffective()\"\n    [rows]=\"getRowsAttr()\"\n    [cdkTextareaAutosize]=\"autoResizeEnabled()\"\n    [cdkAutosizeMinRows]=\"getMinRowsAttr()\"\n    [cdkAutosizeMaxRows]=\"getMaxRowsAttr()\"\n    [maxlength]=\"metadata()?.maxLength || null\"\n    [minlength]=\"metadata()?.minLength || null\"\n    [attr.spellcheck]=\"effectiveSpellcheck() === null ? null : effectiveSpellcheck()\"\n    [attr.wrap]=\"effectiveWrap()\"\n    [attr.cols]=\"metadata()?.cols || null\"\n    [style.resize]=\"metadata()?.resize || null\"\n    [matTooltip]=\"tooltipEnabled() ? errorMessage() : null\"\n    [matTooltipDisabled]=\"!(tooltipEnabled() && hasValidationError())\"\n    [matTooltipPosition]=\"tooltipPosition()\"\n    (focus)=\"onFocusLog()\"\n    (blur)=\"onBlurLog()\"\n    (input)=\"onInputLog($event)\"\n    (paste)=\"onPaste($event)\"\n    (cut)=\"onCut($event)\"\n    (keydown)=\"onTextareaKeydown($event)\"\n  ></textarea>\n  <!-- Optional suffix icon -->\n  @if (metadata()?.suffixIcon) {\n    <mat-icon\n      matSuffix\n      [matTooltip]=\"metadata()?.suffixIconTooltip || ('Icon: ' + metadata()?.suffixIcon)\"\n      matTooltipPosition=\"above\"\n      [color]=\"iconPalette(metadata()?.suffixIconColor)\"\n      [style.color]=\"iconCustomColor(metadata()?.suffixIconColor)\"\n      [attr.aria-label]=\"metadata()?.suffixIconAriaLabel || null\"\n      [praxisIcon]=\"metadata()?.suffixIcon\"\n    ></mat-icon>\n  }\n  <!-- Optional clear button -->\n  @if (showClear()) {\n    <button\n      mat-icon-button\n      matSuffix\n      type=\"button\"\n      (click)=\"onClearClick()\"\n      [disabled]=\"disabledMode || isReadonlyEffective() || presentationMode\"\n      [matTooltip]=\"clearActionTooltip()\"\n      matTooltipPosition=\"above\"\n      [attr.aria-label]=\"clearActionAriaLabel()\"\n    >\n      <mat-icon\n        [color]=\"iconPalette(metadata()?.clearButton?.iconColor)\"\n        [style.color]=\"iconCustomColor(metadata()?.clearButton?.iconColor)\"\n        [praxisIcon]=\"metadata()?.clearButton?.icon || 'mi:clear'\"\n      ></mat-icon>\n    </button>\n  }\n  @if (fieldHelpPopoverText()) {\n    <mat-icon\n      matSuffix\n      class=\"pdx-field-help-icon\"\n      [matTooltip]=\"fieldHelpPopoverText()\"\n      matTooltipPosition=\"above\"\n      [matTooltipDisabled]=\"fieldHelpPopoverDisabled()\"\n      [attr.aria-label]=\"fieldHelpAriaLabel()\"\n      tabindex=\"0\"\n      [praxisIcon]=\"'help_outline'\"\n    ></mat-icon>\n  }\n  @if (hasInlineFieldHelp()) {\n    <mat-hint [id]=\"componentId() + '-hint'\" align=\"start\">{{ fieldHelpInlineText() }}</mat-hint>\n  }\n  @if (showCharacterCount()) {\n    <mat-hint align=\"end\" [class.pdx-character-count-warning]=\"isNearLimit()\" [class.pdx-character-count-error]=\"isAtOrOverLimit()\">\n      {{ charCount }}/{{ metadata()?.maxLength }}\n    </mat-hint>\n  }\n  @if (showStats()) {\n    <mat-hint align=\"end\">{{ getWords() }} palavras \u2022 {{ getLines() }} linhas</mat-hint>\n  }\n  @if (hasValidationError()) {\n    <mat-error>{{ errorMessage() }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;position:relative}:host.pdx-loading{pointer-events:none;opacity:.7}:host.pdx-error .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-focused .mat-mdc-form-field{--mdc-outlined-text-field-focused-outline-color: var(--md-sys-color-primary)}:host.pdx-dirty .mat-mdc-form-field-label:after{content:\" \\2022\";color:var(--md-sys-color-primary);font-weight:700}:host.pdx-valid.pdx-dirty .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-tertiary)}:host.pdx-invalid.pdx-touched .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-textarea-auto-resize .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea{resize:none!important;overflow-y:hidden;transition:height .2s ease-out}:host.pdx-textarea-with-preview .mat-mdc-form-field{margin-bottom:16px}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-webkit-input-placeholder{font-style:italic}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-moz-placeholder{font-style:italic}:host.pdx-textarea-with-stats{margin-bottom:48px}.pdx-textarea-container{position:relative;width:100%}.mat-mdc-form-field{width:100%}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:inherit;line-height:1.5}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar{width:8px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline-variant)}.mat-mdc-form-field .mat-mdc-form-field-suffix{display:flex;align-items:center;gap:4px}.mat-mdc-form-field.pdx-textarea-with-tabs{border-top:1px solid var(--md-sys-color-outline-variant);border-radius:0 0 4px 4px}:host.pdx-textarea-code .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;white-space:pre;word-break:normal;overflow-x:auto}.pdx-character-count-warning{color:var(--md-sys-color-secondary)}.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600}.pdx-textarea-tabs{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px 4px 0 0;margin-bottom:-1px}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-body-wrapper{padding:16px;min-height:200px}.pdx-textarea-preview-content{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:16px;min-height:120px;font-family:inherit;line-height:1.6}.pdx-textarea-preview-content .markdown-content h1,.pdx-textarea-preview-content .markdown-content h2,.pdx-textarea-preview-content .markdown-content h3,.pdx-textarea-preview-content .markdown-content h4,.pdx-textarea-preview-content .markdown-content h5,.pdx-textarea-preview-content .markdown-content h6{margin:16px 0 8px;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content h1:first-child,.pdx-textarea-preview-content .markdown-content h2:first-child,.pdx-textarea-preview-content .markdown-content h3:first-child,.pdx-textarea-preview-content .markdown-content h4:first-child,.pdx-textarea-preview-content .markdown-content h5:first-child,.pdx-textarea-preview-content .markdown-content h6:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content h1{font-size:1.5rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h2{font-size:1.3rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h3{font-size:1.1rem;font-weight:500}.pdx-textarea-preview-content .markdown-content p{margin:8px 0}.pdx-textarea-preview-content .markdown-content p:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content p:last-child{margin-bottom:0}.pdx-textarea-preview-content .markdown-content strong{font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content em{font-style:italic}.pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:3px;padding:2px 4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.pdx-textarea-preview-content .markdown-content br{line-height:1.8}.pdx-templates-button,.pdx-preview-button,.pdx-auto-resize-button,.pdx-clear-button{width:32px;height:32px;line-height:32px;opacity:.7;transition:all .2s ease}.pdx-templates-button:hover,.pdx-preview-button:hover,.pdx-auto-resize-button:hover,.pdx-clear-button:hover{opacity:1;background:var(--md-sys-color-primary-container)}.pdx-templates-button .mat-icon,.pdx-preview-button .mat-icon,.pdx-auto-resize-button .mat-icon,.pdx-clear-button .mat-icon{font-size:18px;width:18px;height:18px}.pdx-templates-button.pdx-preview-active,.pdx-templates-button.pdx-auto-resize-active,.pdx-preview-button.pdx-preview-active,.pdx-preview-button.pdx-auto-resize-active,.pdx-auto-resize-button.pdx-preview-active,.pdx-auto-resize-button.pdx-auto-resize-active,.pdx-clear-button.pdx-preview-active,.pdx-clear-button.pdx-auto-resize-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-templates-menu .pdx-template-item{padding:12px 16px;line-height:1.4}.pdx-templates-menu .pdx-template-item .mat-icon{margin-right:12px;color:var(--md-sys-color-primary)}.pdx-templates-menu .pdx-template-item .pdx-template-info{display:flex;flex-direction:column}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-name{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-description{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;margin-top:2px}.pdx-templates-menu .pdx-template-item:hover{background:var(--md-sys-color-surface-variant)}.pdx-text-statistics{position:absolute;bottom:-44px;left:0;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:8px 12px}.pdx-text-statistics .pdx-stats-grid{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-weight:600;font-size:.9rem;color:var(--md-sys-color-primary);font-variant-numeric:tabular-nums}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.7rem;color:var(--md-sys-color-on-surface-variant);text-transform:lowercase;margin-top:2px}.pdx-preview-panel{margin-top:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;background:var(--md-sys-color-surface)}.pdx-preview-panel .pdx-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-variant)}.pdx-preview-panel .pdx-preview-header .pdx-preview-title{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector{display:flex;gap:4px}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button{width:32px;height:32px;opacity:.6;transition:all .2s ease}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button:hover{opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button .mat-icon{font-size:16px;width:16px;height:16px}.pdx-preview-panel .pdx-preview-content{padding:16px;min-height:120px;line-height:1.6}.mat-mdc-form-field-label{cursor:pointer;transition:all .2s ease}.mat-mdc-form-field-label:hover{color:var(--md-sys-color-primary)}.mat-mdc-form-field-label .pdx-required-marker{color:var(--md-sys-color-error);margin-left:2px;font-weight:700}.pdx-label-editor{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-primary);border-radius:4px;padding:4px 8px;font-size:inherit;font-family:inherit;color:inherit;outline:none;box-shadow:var(--md-sys-elevation-level1, var(--md-sys-elevation-level1))}.pdx-label-editor:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pdx-character-count{font-size:.75rem;font-variant-numeric:tabular-nums;transition:color .2s ease}.pdx-character-count.pdx-character-count-warning{color:var(--md-sys-color-secondary);font-weight:500}.pdx-character-count.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600;animation:pulse-error 1s ease-in-out}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.7}}.pdx-error-message{display:flex;align-items:flex-start;gap:4px;font-size:.75rem;line-height:1.4;margin-top:4px}.pdx-error-message .pdx-error-icon{font-size:16px;width:16px;height:16px;margin-top:1px;color:var(--md-sys-color-error)}.pdx-error-message.pdx-additional-error{margin-top:2px;opacity:.8;font-size:.7rem}.pdx-additional-errors{margin-top:4px}.pdx-validation-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;color:var(--md-sys-color-primary);font-size:.75rem}.pdx-validation-loading .pdx-loading-spinner{font-size:16px;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdx-debug-info{position:absolute;top:-24px;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:4px;padding:2px 6px;font-size:.65rem;color:var(--md-sys-color-on-surface-variant);z-index:10}.pdx-debug-info .pdx-debug-security{display:block;font-family:monospace}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:high){:host .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: currentColor;--mdc-outlined-text-field-focused-outline-color: currentColor}:host .pdx-character-count.pdx-character-count-warning,:host .pdx-character-count.pdx-character-count-error{color:currentColor;font-weight:700}:host .pdx-text-statistics{border-color:currentColor}:host .pdx-text-statistics .pdx-stat-value{color:currentColor}}@media(prefers-reduced-motion:reduce){:host *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:host .pdx-label-editor{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-surface)}:host .pdx-debug-info{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}:host .pdx-text-statistics{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs,:host .pdx-preview-panel{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs .pdx-preview-header,:host .pdx-preview-panel .pdx-preview-header{background:var(--md-sys-color-surface-variant);border-bottom-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content .markdown-content h1,:host .pdx-textarea-preview-content .markdown-content h2,:host .pdx-textarea-preview-content .markdown-content h3,:host .pdx-textarea-preview-content .markdown-content h4,:host .pdx-textarea-preview-content .markdown-content h5,:host .pdx-textarea-preview-content .markdown-content h6{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content strong{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}}@media(max-width:599px){:host .pdx-text-statistics .pdx-stats-grid{gap:8px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:50px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.65rem}:host .pdx-textarea-tabs .mat-mdc-tab-body-wrapper{padding:8px;min-height:150px}:host .pdx-preview-panel .pdx-preview-content{padding:12px;min-height:100px}}@media(min-width:600px){:host .pdx-character-count{font-size:.8rem}:host .pdx-error-message{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:70px}}@media(min-width:1200px){:host.pdx-textarea-with-preview{display:flex;gap:16px}:host.pdx-textarea-with-preview .pdx-textarea-container{flex:1}:host.pdx-textarea-with-preview .pdx-preview-panel{flex:1;margin-top:0;height:fit-content}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i4$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.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: "21.2.14", ngImport: i0, type: MaterialTextareaComponent, decorators: [{
             type: Component,
@@ -20417,7 +20434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[attr.data-field-type]': '"textarea"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, template: "<mat-form-field\n  [appearance]=\"materialAppearance()\"\n  [color]=\"materialColor()\"\n  [floatLabel]=\"floatLabelBehavior()\"\n  [class.pdx-textarea-auto-resize]=\"autoResizeEnabled()\"\n  [class.pdx-textarea-spellcheck]=\"metadata()?.spellcheck\"\n  [class.pdx-textarea-code]=\"isCodeLikeMode()\"\n>\n  <mat-label>\n    <span\n      [matTooltip]=\"metadata()?.description || null\"\n      [matTooltipDisabled]=\"!metadata()?.description\"\n      matTooltipPosition=\"above\"\n    >\n      {{ label }}\n    </span>\n  </mat-label>\n  <!-- Optional prefix icon -->\n  @if (metadata()?.prefixIcon) {\n    <mat-icon\n      matPrefix\n      [matTooltip]=\"'Icon: ' + metadata()?.prefixIcon\"\n      matTooltipPosition=\"above\"\n      [color]=\"iconPalette(metadata()?.prefixIconColor)\"\n      [style.color]=\"iconCustomColor(metadata()?.prefixIconColor)\"\n      [praxisIcon]=\"metadata()?.prefixIcon\"\n    ></mat-icon>\n  }\n\n  <textarea\n    matInput\n    [formControl]=\"control()\"\n    [attr.placeholder]=\"shouldShowPlaceholder && placeholder ? placeholder : null\"\n    [readonly]=\"isReadonlyEffective()\"\n    [rows]=\"getRowsAttr()\"\n    [cdkTextareaAutosize]=\"autoResizeEnabled()\"\n    [cdkAutosizeMinRows]=\"getMinRowsAttr()\"\n    [cdkAutosizeMaxRows]=\"getMaxRowsAttr()\"\n    [maxlength]=\"metadata()?.maxLength || null\"\n    [minlength]=\"metadata()?.minLength || null\"\n    [attr.aria-describedby]=\"hasInlineFieldHelp() ? componentId() + '-hint' : null\"\n    [attr.spellcheck]=\"effectiveSpellcheck() === null ? null : effectiveSpellcheck()\"\n    [attr.wrap]=\"effectiveWrap()\"\n    [attr.cols]=\"metadata()?.cols || null\"\n    [style.resize]=\"metadata()?.resize || null\"\n    [matTooltip]=\"tooltipEnabled() ? errorMessage() : null\"\n    [matTooltipDisabled]=\"!(tooltipEnabled() && hasValidationError())\"\n    [matTooltipPosition]=\"tooltipPosition()\"\n    (focus)=\"onFocusLog()\"\n    (blur)=\"onBlurLog()\"\n    (input)=\"onInputLog($event)\"\n    (paste)=\"onPaste($event)\"\n    (cut)=\"onCut($event)\"\n    (keydown)=\"onTextareaKeydown($event)\"\n  ></textarea>\n  <!-- Optional suffix icon -->\n  @if (metadata()?.suffixIcon) {\n    <mat-icon\n      matSuffix\n      [matTooltip]=\"metadata()?.suffixIconTooltip || ('Icon: ' + metadata()?.suffixIcon)\"\n      matTooltipPosition=\"above\"\n      [color]=\"iconPalette(metadata()?.suffixIconColor)\"\n      [style.color]=\"iconCustomColor(metadata()?.suffixIconColor)\"\n      [attr.aria-label]=\"metadata()?.suffixIconAriaLabel || null\"\n      [praxisIcon]=\"metadata()?.suffixIcon\"\n    ></mat-icon>\n  }\n  <!-- Optional clear button -->\n  @if (showClear()) {\n    <button\n      mat-icon-button\n      matSuffix\n      type=\"button\"\n      (click)=\"onClearClick()\"\n      [disabled]=\"disabledMode || isReadonlyEffective() || presentationMode\"\n      [matTooltip]=\"clearActionTooltip()\"\n      matTooltipPosition=\"above\"\n      [attr.aria-label]=\"clearActionAriaLabel()\"\n    >\n      <mat-icon\n        [color]=\"iconPalette(metadata()?.clearButton?.iconColor)\"\n        [style.color]=\"iconCustomColor(metadata()?.clearButton?.iconColor)\"\n        [praxisIcon]=\"metadata()?.clearButton?.icon || 'mi:clear'\"\n      ></mat-icon>\n    </button>\n  }\n  @if (fieldHelpPopoverText()) {\n    <mat-icon\n      matSuffix\n      class=\"pdx-field-help-icon\"\n      [matTooltip]=\"fieldHelpPopoverText()\"\n      matTooltipPosition=\"above\"\n      [matTooltipDisabled]=\"fieldHelpPopoverDisabled()\"\n      [attr.aria-label]=\"fieldHelpAriaLabel()\"\n      tabindex=\"0\"\n      [praxisIcon]=\"'help_outline'\"\n    ></mat-icon>\n  }\n  @if (hasInlineFieldHelp()) {\n    <mat-hint [id]=\"componentId() + '-hint'\" align=\"start\">{{ fieldHelpInlineText() }}</mat-hint>\n  }\n  @if (showCharacterCount()) {\n    <mat-hint align=\"end\" [class.pdx-character-count-warning]=\"isNearLimit()\" [class.pdx-character-count-error]=\"isAtOrOverLimit()\">\n      {{ charCount }}/{{ metadata()?.maxLength }}\n    </mat-hint>\n  }\n  @if (showStats()) {\n    <mat-hint align=\"end\">{{ getWords() }} palavras \u2022 {{ getLines() }} linhas</mat-hint>\n  }\n  @if (hasValidationError()) {\n    <mat-error>{{ errorMessage() }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;position:relative}:host.pdx-loading{pointer-events:none;opacity:.7}:host.pdx-error .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-focused .mat-mdc-form-field{--mdc-outlined-text-field-focused-outline-color: var(--md-sys-color-primary)}:host.pdx-dirty .mat-mdc-form-field-label:after{content:\" \\2022\";color:var(--md-sys-color-primary);font-weight:700}:host.pdx-valid.pdx-dirty .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-tertiary)}:host.pdx-invalid.pdx-touched .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-textarea-auto-resize .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea{resize:none!important;overflow-y:hidden;transition:height .2s ease-out}:host.pdx-textarea-with-preview .mat-mdc-form-field{margin-bottom:16px}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-webkit-input-placeholder{font-style:italic}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-moz-placeholder{font-style:italic}:host.pdx-textarea-with-stats{margin-bottom:48px}.pdx-textarea-container{position:relative;width:100%}.mat-mdc-form-field{width:100%}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:inherit;line-height:1.5}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar{width:8px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline-variant)}.mat-mdc-form-field .mat-mdc-form-field-suffix{display:flex;align-items:center;gap:4px}.mat-mdc-form-field.pdx-textarea-with-tabs{border-top:1px solid var(--md-sys-color-outline-variant);border-radius:0 0 4px 4px}:host.pdx-textarea-code .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;white-space:pre;word-break:normal;overflow-x:auto}.pdx-character-count-warning{color:var(--md-sys-color-secondary)}.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600}.pdx-textarea-tabs{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px 4px 0 0;margin-bottom:-1px}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-body-wrapper{padding:16px;min-height:200px}.pdx-textarea-preview-content{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:16px;min-height:120px;font-family:inherit;line-height:1.6}.pdx-textarea-preview-content .markdown-content h1,.pdx-textarea-preview-content .markdown-content h2,.pdx-textarea-preview-content .markdown-content h3,.pdx-textarea-preview-content .markdown-content h4,.pdx-textarea-preview-content .markdown-content h5,.pdx-textarea-preview-content .markdown-content h6{margin:16px 0 8px;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content h1:first-child,.pdx-textarea-preview-content .markdown-content h2:first-child,.pdx-textarea-preview-content .markdown-content h3:first-child,.pdx-textarea-preview-content .markdown-content h4:first-child,.pdx-textarea-preview-content .markdown-content h5:first-child,.pdx-textarea-preview-content .markdown-content h6:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content h1{font-size:1.5rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h2{font-size:1.3rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h3{font-size:1.1rem;font-weight:500}.pdx-textarea-preview-content .markdown-content p{margin:8px 0}.pdx-textarea-preview-content .markdown-content p:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content p:last-child{margin-bottom:0}.pdx-textarea-preview-content .markdown-content strong{font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content em{font-style:italic}.pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:3px;padding:2px 4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.pdx-textarea-preview-content .markdown-content br{line-height:1.8}.pdx-templates-button,.pdx-preview-button,.pdx-auto-resize-button,.pdx-clear-button{width:32px;height:32px;line-height:32px;opacity:.7;transition:all .2s ease}.pdx-templates-button:hover,.pdx-preview-button:hover,.pdx-auto-resize-button:hover,.pdx-clear-button:hover{opacity:1;background:var(--md-sys-color-primary-container)}.pdx-templates-button .mat-icon,.pdx-preview-button .mat-icon,.pdx-auto-resize-button .mat-icon,.pdx-clear-button .mat-icon{font-size:18px;width:18px;height:18px}.pdx-templates-button.pdx-preview-active,.pdx-templates-button.pdx-auto-resize-active,.pdx-preview-button.pdx-preview-active,.pdx-preview-button.pdx-auto-resize-active,.pdx-auto-resize-button.pdx-preview-active,.pdx-auto-resize-button.pdx-auto-resize-active,.pdx-clear-button.pdx-preview-active,.pdx-clear-button.pdx-auto-resize-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-templates-menu .pdx-template-item{padding:12px 16px;line-height:1.4}.pdx-templates-menu .pdx-template-item .mat-icon{margin-right:12px;color:var(--md-sys-color-primary)}.pdx-templates-menu .pdx-template-item .pdx-template-info{display:flex;flex-direction:column}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-name{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-description{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;margin-top:2px}.pdx-templates-menu .pdx-template-item:hover{background:var(--md-sys-color-surface-variant)}.pdx-text-statistics{position:absolute;bottom:-44px;left:0;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:8px 12px}.pdx-text-statistics .pdx-stats-grid{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-weight:600;font-size:.9rem;color:var(--md-sys-color-primary);font-variant-numeric:tabular-nums}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.7rem;color:var(--md-sys-color-on-surface-variant);text-transform:lowercase;margin-top:2px}.pdx-preview-panel{margin-top:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;background:var(--md-sys-color-surface)}.pdx-preview-panel .pdx-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-variant)}.pdx-preview-panel .pdx-preview-header .pdx-preview-title{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector{display:flex;gap:4px}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button{width:32px;height:32px;opacity:.6;transition:all .2s ease}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button:hover{opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button .mat-icon{font-size:16px;width:16px;height:16px}.pdx-preview-panel .pdx-preview-content{padding:16px;min-height:120px;line-height:1.6}.mat-mdc-form-field-label{cursor:pointer;transition:all .2s ease}.mat-mdc-form-field-label:hover{color:var(--md-sys-color-primary)}.mat-mdc-form-field-label .pdx-required-marker{color:var(--md-sys-color-error);margin-left:2px;font-weight:700}.pdx-label-editor{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-primary);border-radius:4px;padding:4px 8px;font-size:inherit;font-family:inherit;color:inherit;outline:none;box-shadow:var(--md-sys-elevation-level1, var(--md-sys-elevation-level1))}.pdx-label-editor:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pdx-character-count{font-size:.75rem;font-variant-numeric:tabular-nums;transition:color .2s ease}.pdx-character-count.pdx-character-count-warning{color:var(--md-sys-color-secondary);font-weight:500}.pdx-character-count.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600;animation:pulse-error 1s ease-in-out}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.7}}.pdx-error-message{display:flex;align-items:flex-start;gap:4px;font-size:.75rem;line-height:1.4;margin-top:4px}.pdx-error-message .pdx-error-icon{font-size:16px;width:16px;height:16px;margin-top:1px;color:var(--md-sys-color-error)}.pdx-error-message.pdx-additional-error{margin-top:2px;opacity:.8;font-size:.7rem}.pdx-additional-errors{margin-top:4px}.pdx-validation-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;color:var(--md-sys-color-primary);font-size:.75rem}.pdx-validation-loading .pdx-loading-spinner{font-size:16px;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdx-debug-info{position:absolute;top:-24px;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:4px;padding:2px 6px;font-size:.65rem;color:var(--md-sys-color-on-surface-variant);z-index:10}.pdx-debug-info .pdx-debug-security{display:block;font-family:monospace}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:high){:host .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: currentColor;--mdc-outlined-text-field-focused-outline-color: currentColor}:host .pdx-character-count.pdx-character-count-warning,:host .pdx-character-count.pdx-character-count-error{color:currentColor;font-weight:700}:host .pdx-text-statistics{border-color:currentColor}:host .pdx-text-statistics .pdx-stat-value{color:currentColor}}@media(prefers-reduced-motion:reduce){:host *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:host .pdx-label-editor{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-surface)}:host .pdx-debug-info{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}:host .pdx-text-statistics{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs,:host .pdx-preview-panel{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs .pdx-preview-header,:host .pdx-preview-panel .pdx-preview-header{background:var(--md-sys-color-surface-variant);border-bottom-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content .markdown-content h1,:host .pdx-textarea-preview-content .markdown-content h2,:host .pdx-textarea-preview-content .markdown-content h3,:host .pdx-textarea-preview-content .markdown-content h4,:host .pdx-textarea-preview-content .markdown-content h5,:host .pdx-textarea-preview-content .markdown-content h6{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content strong{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}}@media(max-width:599px){:host .pdx-text-statistics .pdx-stats-grid{gap:8px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:50px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.65rem}:host .pdx-textarea-tabs .mat-mdc-tab-body-wrapper{padding:8px;min-height:150px}:host .pdx-preview-panel .pdx-preview-content{padding:12px;min-height:100px}}@media(min-width:600px){:host .pdx-character-count{font-size:.8rem}:host .pdx-error-message{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:70px}}@media(min-width:1200px){:host.pdx-textarea-with-preview{display:flex;gap:16px}:host.pdx-textarea-with-preview .pdx-textarea-container{flex:1}:host.pdx-textarea-with-preview .pdx-preview-panel{flex:1;margin-top:0;height:fit-content}}\n"] }]
+                    }, template: "<mat-form-field\n  [appearance]=\"materialAppearance()\"\n  [color]=\"materialColor()\"\n  [floatLabel]=\"floatLabelBehavior()\"\n  [subscriptSizing]=\"metadata()?.materialDesign?.subscriptSizing || 'dynamic'\"\n  [class.pdx-textarea-auto-resize]=\"autoResizeEnabled()\"\n  [class.pdx-textarea-spellcheck]=\"metadata()?.spellcheck\"\n  [class.pdx-textarea-code]=\"isCodeLikeMode()\"\n>\n  <mat-label>\n    <span\n      [matTooltip]=\"metadata()?.description || null\"\n      [matTooltipDisabled]=\"!metadata()?.description\"\n      matTooltipPosition=\"above\"\n    >\n      {{ label }}\n    </span>\n  </mat-label>\n  <!-- Optional prefix icon -->\n  @if (metadata()?.prefixIcon) {\n    <mat-icon\n      matPrefix\n      [matTooltip]=\"'Icon: ' + metadata()?.prefixIcon\"\n      matTooltipPosition=\"above\"\n      [color]=\"iconPalette(metadata()?.prefixIconColor)\"\n      [style.color]=\"iconCustomColor(metadata()?.prefixIconColor)\"\n      [praxisIcon]=\"metadata()?.prefixIcon\"\n    ></mat-icon>\n  }\n\n  <textarea\n    matInput\n    [formControl]=\"control()\"\n    [attr.placeholder]=\"shouldShowPlaceholder && placeholder ? placeholder : null\"\n    [readonly]=\"isReadonlyEffective()\"\n    [rows]=\"getRowsAttr()\"\n    [cdkTextareaAutosize]=\"autoResizeEnabled()\"\n    [cdkAutosizeMinRows]=\"getMinRowsAttr()\"\n    [cdkAutosizeMaxRows]=\"getMaxRowsAttr()\"\n    [maxlength]=\"metadata()?.maxLength || null\"\n    [minlength]=\"metadata()?.minLength || null\"\n    [attr.spellcheck]=\"effectiveSpellcheck() === null ? null : effectiveSpellcheck()\"\n    [attr.wrap]=\"effectiveWrap()\"\n    [attr.cols]=\"metadata()?.cols || null\"\n    [style.resize]=\"metadata()?.resize || null\"\n    [matTooltip]=\"tooltipEnabled() ? errorMessage() : null\"\n    [matTooltipDisabled]=\"!(tooltipEnabled() && hasValidationError())\"\n    [matTooltipPosition]=\"tooltipPosition()\"\n    (focus)=\"onFocusLog()\"\n    (blur)=\"onBlurLog()\"\n    (input)=\"onInputLog($event)\"\n    (paste)=\"onPaste($event)\"\n    (cut)=\"onCut($event)\"\n    (keydown)=\"onTextareaKeydown($event)\"\n  ></textarea>\n  <!-- Optional suffix icon -->\n  @if (metadata()?.suffixIcon) {\n    <mat-icon\n      matSuffix\n      [matTooltip]=\"metadata()?.suffixIconTooltip || ('Icon: ' + metadata()?.suffixIcon)\"\n      matTooltipPosition=\"above\"\n      [color]=\"iconPalette(metadata()?.suffixIconColor)\"\n      [style.color]=\"iconCustomColor(metadata()?.suffixIconColor)\"\n      [attr.aria-label]=\"metadata()?.suffixIconAriaLabel || null\"\n      [praxisIcon]=\"metadata()?.suffixIcon\"\n    ></mat-icon>\n  }\n  <!-- Optional clear button -->\n  @if (showClear()) {\n    <button\n      mat-icon-button\n      matSuffix\n      type=\"button\"\n      (click)=\"onClearClick()\"\n      [disabled]=\"disabledMode || isReadonlyEffective() || presentationMode\"\n      [matTooltip]=\"clearActionTooltip()\"\n      matTooltipPosition=\"above\"\n      [attr.aria-label]=\"clearActionAriaLabel()\"\n    >\n      <mat-icon\n        [color]=\"iconPalette(metadata()?.clearButton?.iconColor)\"\n        [style.color]=\"iconCustomColor(metadata()?.clearButton?.iconColor)\"\n        [praxisIcon]=\"metadata()?.clearButton?.icon || 'mi:clear'\"\n      ></mat-icon>\n    </button>\n  }\n  @if (fieldHelpPopoverText()) {\n    <mat-icon\n      matSuffix\n      class=\"pdx-field-help-icon\"\n      [matTooltip]=\"fieldHelpPopoverText()\"\n      matTooltipPosition=\"above\"\n      [matTooltipDisabled]=\"fieldHelpPopoverDisabled()\"\n      [attr.aria-label]=\"fieldHelpAriaLabel()\"\n      tabindex=\"0\"\n      [praxisIcon]=\"'help_outline'\"\n    ></mat-icon>\n  }\n  @if (hasInlineFieldHelp()) {\n    <mat-hint [id]=\"componentId() + '-hint'\" align=\"start\">{{ fieldHelpInlineText() }}</mat-hint>\n  }\n  @if (showCharacterCount()) {\n    <mat-hint align=\"end\" [class.pdx-character-count-warning]=\"isNearLimit()\" [class.pdx-character-count-error]=\"isAtOrOverLimit()\">\n      {{ charCount }}/{{ metadata()?.maxLength }}\n    </mat-hint>\n  }\n  @if (showStats()) {\n    <mat-hint align=\"end\">{{ getWords() }} palavras \u2022 {{ getLines() }} linhas</mat-hint>\n  }\n  @if (hasValidationError()) {\n    <mat-error>{{ errorMessage() }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;position:relative}:host.pdx-loading{pointer-events:none;opacity:.7}:host.pdx-error .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-focused .mat-mdc-form-field{--mdc-outlined-text-field-focused-outline-color: var(--md-sys-color-primary)}:host.pdx-dirty .mat-mdc-form-field-label:after{content:\" \\2022\";color:var(--md-sys-color-primary);font-weight:700}:host.pdx-valid.pdx-dirty .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-tertiary)}:host.pdx-invalid.pdx-touched .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-textarea-auto-resize .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea{resize:none!important;overflow-y:hidden;transition:height .2s ease-out}:host.pdx-textarea-with-preview .mat-mdc-form-field{margin-bottom:16px}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-webkit-input-placeholder{font-style:italic}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-moz-placeholder{font-style:italic}:host.pdx-textarea-with-stats{margin-bottom:48px}.pdx-textarea-container{position:relative;width:100%}.mat-mdc-form-field{width:100%}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:inherit;line-height:1.5}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar{width:8px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline-variant)}.mat-mdc-form-field .mat-mdc-form-field-suffix{display:flex;align-items:center;gap:4px}.mat-mdc-form-field.pdx-textarea-with-tabs{border-top:1px solid var(--md-sys-color-outline-variant);border-radius:0 0 4px 4px}:host.pdx-textarea-code .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;white-space:pre;word-break:normal;overflow-x:auto}.pdx-character-count-warning{color:var(--md-sys-color-secondary)}.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600}.pdx-textarea-tabs{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px 4px 0 0;margin-bottom:-1px}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-body-wrapper{padding:16px;min-height:200px}.pdx-textarea-preview-content{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:16px;min-height:120px;font-family:inherit;line-height:1.6}.pdx-textarea-preview-content .markdown-content h1,.pdx-textarea-preview-content .markdown-content h2,.pdx-textarea-preview-content .markdown-content h3,.pdx-textarea-preview-content .markdown-content h4,.pdx-textarea-preview-content .markdown-content h5,.pdx-textarea-preview-content .markdown-content h6{margin:16px 0 8px;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content h1:first-child,.pdx-textarea-preview-content .markdown-content h2:first-child,.pdx-textarea-preview-content .markdown-content h3:first-child,.pdx-textarea-preview-content .markdown-content h4:first-child,.pdx-textarea-preview-content .markdown-content h5:first-child,.pdx-textarea-preview-content .markdown-content h6:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content h1{font-size:1.5rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h2{font-size:1.3rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h3{font-size:1.1rem;font-weight:500}.pdx-textarea-preview-content .markdown-content p{margin:8px 0}.pdx-textarea-preview-content .markdown-content p:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content p:last-child{margin-bottom:0}.pdx-textarea-preview-content .markdown-content strong{font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content em{font-style:italic}.pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:3px;padding:2px 4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.pdx-textarea-preview-content .markdown-content br{line-height:1.8}.pdx-templates-button,.pdx-preview-button,.pdx-auto-resize-button,.pdx-clear-button{width:32px;height:32px;line-height:32px;opacity:.7;transition:all .2s ease}.pdx-templates-button:hover,.pdx-preview-button:hover,.pdx-auto-resize-button:hover,.pdx-clear-button:hover{opacity:1;background:var(--md-sys-color-primary-container)}.pdx-templates-button .mat-icon,.pdx-preview-button .mat-icon,.pdx-auto-resize-button .mat-icon,.pdx-clear-button .mat-icon{font-size:18px;width:18px;height:18px}.pdx-templates-button.pdx-preview-active,.pdx-templates-button.pdx-auto-resize-active,.pdx-preview-button.pdx-preview-active,.pdx-preview-button.pdx-auto-resize-active,.pdx-auto-resize-button.pdx-preview-active,.pdx-auto-resize-button.pdx-auto-resize-active,.pdx-clear-button.pdx-preview-active,.pdx-clear-button.pdx-auto-resize-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-templates-menu .pdx-template-item{padding:12px 16px;line-height:1.4}.pdx-templates-menu .pdx-template-item .mat-icon{margin-right:12px;color:var(--md-sys-color-primary)}.pdx-templates-menu .pdx-template-item .pdx-template-info{display:flex;flex-direction:column}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-name{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-description{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;margin-top:2px}.pdx-templates-menu .pdx-template-item:hover{background:var(--md-sys-color-surface-variant)}.pdx-text-statistics{position:absolute;bottom:-44px;left:0;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:8px 12px}.pdx-text-statistics .pdx-stats-grid{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-weight:600;font-size:.9rem;color:var(--md-sys-color-primary);font-variant-numeric:tabular-nums}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.7rem;color:var(--md-sys-color-on-surface-variant);text-transform:lowercase;margin-top:2px}.pdx-preview-panel{margin-top:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;background:var(--md-sys-color-surface)}.pdx-preview-panel .pdx-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-variant)}.pdx-preview-panel .pdx-preview-header .pdx-preview-title{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector{display:flex;gap:4px}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button{width:32px;height:32px;opacity:.6;transition:all .2s ease}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button:hover{opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button .mat-icon{font-size:16px;width:16px;height:16px}.pdx-preview-panel .pdx-preview-content{padding:16px;min-height:120px;line-height:1.6}.mat-mdc-form-field-label{cursor:pointer;transition:all .2s ease}.mat-mdc-form-field-label:hover{color:var(--md-sys-color-primary)}.mat-mdc-form-field-label .pdx-required-marker{color:var(--md-sys-color-error);margin-left:2px;font-weight:700}.pdx-label-editor{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-primary);border-radius:4px;padding:4px 8px;font-size:inherit;font-family:inherit;color:inherit;outline:none;box-shadow:var(--md-sys-elevation-level1, var(--md-sys-elevation-level1))}.pdx-label-editor:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pdx-character-count{font-size:.75rem;font-variant-numeric:tabular-nums;transition:color .2s ease}.pdx-character-count.pdx-character-count-warning{color:var(--md-sys-color-secondary);font-weight:500}.pdx-character-count.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600;animation:pulse-error 1s ease-in-out}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.7}}.pdx-error-message{display:flex;align-items:flex-start;gap:4px;font-size:.75rem;line-height:1.4;margin-top:4px}.pdx-error-message .pdx-error-icon{font-size:16px;width:16px;height:16px;margin-top:1px;color:var(--md-sys-color-error)}.pdx-error-message.pdx-additional-error{margin-top:2px;opacity:.8;font-size:.7rem}.pdx-additional-errors{margin-top:4px}.pdx-validation-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;color:var(--md-sys-color-primary);font-size:.75rem}.pdx-validation-loading .pdx-loading-spinner{font-size:16px;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdx-debug-info{position:absolute;top:-24px;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:4px;padding:2px 6px;font-size:.65rem;color:var(--md-sys-color-on-surface-variant);z-index:10}.pdx-debug-info .pdx-debug-security{display:block;font-family:monospace}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:high){:host .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: currentColor;--mdc-outlined-text-field-focused-outline-color: currentColor}:host .pdx-character-count.pdx-character-count-warning,:host .pdx-character-count.pdx-character-count-error{color:currentColor;font-weight:700}:host .pdx-text-statistics{border-color:currentColor}:host .pdx-text-statistics .pdx-stat-value{color:currentColor}}@media(prefers-reduced-motion:reduce){:host *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:host .pdx-label-editor{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-surface)}:host .pdx-debug-info{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}:host .pdx-text-statistics{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs,:host .pdx-preview-panel{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs .pdx-preview-header,:host .pdx-preview-panel .pdx-preview-header{background:var(--md-sys-color-surface-variant);border-bottom-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content .markdown-content h1,:host .pdx-textarea-preview-content .markdown-content h2,:host .pdx-textarea-preview-content .markdown-content h3,:host .pdx-textarea-preview-content .markdown-content h4,:host .pdx-textarea-preview-content .markdown-content h5,:host .pdx-textarea-preview-content .markdown-content h6{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content strong{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}}@media(max-width:599px){:host .pdx-text-statistics .pdx-stats-grid{gap:8px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:50px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.65rem}:host .pdx-textarea-tabs .mat-mdc-tab-body-wrapper{padding:8px;min-height:150px}:host .pdx-preview-panel .pdx-preview-content{padding:12px;min-height:100px}}@media(min-width:600px){:host .pdx-character-count{font-size:.8rem}:host .pdx-error-message{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:70px}}@media(min-width:1200px){:host.pdx-textarea-with-preview{display:flex;gap:16px}:host.pdx-textarea-with-preview .pdx-textarea-container{flex:1}:host.pdx-textarea-with-preview .pdx-preview-panel{flex:1;margin-top:0;height:fit-content}}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{
@@ -20574,7 +20591,7 @@ class NumberInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -20666,7 +20683,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -21057,7 +21074,7 @@ class PhoneInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -21138,7 +21155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -21427,7 +21444,7 @@ class TextInputComponent extends SimpleBaseInputComponent {
       floatLabel="auto"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -21529,7 +21546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       floatLabel="auto"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -22655,7 +22672,7 @@ class ColorInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="effectiveFloatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -22792,7 +22809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="effectiveFloatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -23037,7 +23054,7 @@ class DateInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -23118,7 +23135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -23338,7 +23355,7 @@ class DatetimeLocalInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -23420,7 +23437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -23589,7 +23606,7 @@ class EmailInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -23672,7 +23689,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -24318,7 +24335,7 @@ class MaterialCurrencyComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       @if (label) {
@@ -24412,7 +24429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       @if (label) {
@@ -24732,7 +24749,7 @@ class MaterialCpfCnpjInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [floatLabel]="floatLabelBehavior()"
       [class]="componentCssClasses()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -24812,7 +24829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [floatLabel]="floatLabelBehavior()"
       [class]="componentCssClasses()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -25524,7 +25541,7 @@ class MonthInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -25606,7 +25623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -25801,7 +25818,7 @@ class PasswordInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -25900,7 +25917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -26083,7 +26100,7 @@ class SearchInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -26165,7 +26182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -27135,7 +27152,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -27344,7 +27361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -29913,7 +29930,7 @@ class MaterialAutocompleteComponent extends SimpleBaseSelectComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -30038,7 +30055,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -39588,7 +39605,7 @@ class MaterialTimepickerComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -39667,7 +39684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -53312,7 +53329,7 @@ class MaterialMultiSelectComponent extends SimpleBaseSelectComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -53417,7 +53434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -54689,7 +54706,7 @@ class MaterialChipsComponent extends SimpleBaseSelectComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -54813,7 +54830,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -56753,7 +56770,7 @@ class TimeInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -56835,7 +56852,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -57005,7 +57022,7 @@ class UrlInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -57089,7 +57106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -57259,7 +57276,7 @@ class WeekInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -57341,7 +57358,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -57589,7 +57606,7 @@ class MaterialColorPickerComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="effectiveFloatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -57676,7 +57693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="effectiveFloatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -59054,7 +59071,7 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="effectiveFloatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -59242,7 +59259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="effectiveFloatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
       >
       <mat-label>{{ label }}</mat-label>
@@ -60868,7 +60885,7 @@ class PdxYearInputComponent extends SimpleBaseInputComponent {
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>
@@ -60951,7 +60968,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [color]="materialColor()"
       [class]="componentCssClasses()"
       [floatLabel]="floatLabelBehavior()"
-      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'fixed'"
+      [subscriptSizing]="metadata()?.materialDesign?.subscriptSizing || 'dynamic'"
       [hideRequiredMarker]="metadata()?.materialDesign?.hideRequiredMarker || false"
     >
       <mat-label>{{ label }}</mat-label>

package/package.json

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

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

@@ -2937,6 +2937,7 @@ declare class InlineEntityLookupComponent extends MaterialAsyncSelectComponent {
     hasSelection(): boolean;
     selectedCount(): number;
     displayText(): string;
+    private hasPendingLocalSelection;
     richLayoutEnabled(): boolean;
     selectedCardLayout(): boolean;
     selectedCompactLayout(): boolean;